margin

阅读 / 问答 / 标签

css 为什么有时MARGIN 不起作用,

先看一下它的父元素的margin是怎么设置的, 这样你才能知道它的为什么不起作用

将css代码缩写 margin-left:20px; margin-right:20px; margin-bottom:5px; margin-top:20px

margin:20px 20px 5px 20px; 或者margin:20px 20px 5px;

如何用JavaScript设置Div的margin参数?

obj.style.margin = "0px";obj代表你要加margin的标签

将CSS代码缩写一行:margin-left:12px; margin-top: 18px; margin-right:6px;

正确的缩写为 {margin:18px 6px 0 12px;}margin属性CSS样式,如遇到上下、左右、上下左右等情况我们可以缩写简写优化。在css中使用margin可以将margin-top,margin-right,margin-bottom,margin-left,缩写为一个标记,顺序为上右下左(顺时针)。1、只有上下情况缩写原始:margin-top:5px; margin-bottom:6px缩写简写为:margin:5px 0 6px 0或margin:5px auto 6px auto2、只有左右情况缩写原始:margin-left:5px; margin-right:6px缩写简写为:margin:0 6px 0 5px或margin:auto 6px auto 5pxmargin:0 auto;横向居中;margin:auto 0;纵向居中;3、只有三边情况缩写原始:margin-top:5px; margin-bottom:6px; margin-left:4px缩写:margin:5px 0 6px 4px或margin:5px auto 6px 4px4、四边相同值缩写原始:margin-top:5px; margin-bottom:5px; margin-left:5px; margin-right:5px缩写:margin:5px;5、四边不同值缩写原始:margin-top:5px; margin-bottom:6px; margin-left:7px; margin-right:8px缩写:margin:5px 8px 6px 7px;6、四边其中上下值和左右值各相同缩写上下相同、左右相同原始:margin-top:5px; margin-bottom:5px; margin-left:7px; margin-right:7px缩写:margin:5px 7px;

css 为什么这样写? margin-right: 6px; _margin-right:3px

这是一个解决IE6双倍边距的bug的一种方法,因为在IE6下的margin值会出现2倍值

为什么margin-left有用,margin-right没有用?

浏览器默认从左向右渲染,所以元素是从左向右排列的,margin-right其实有效果的,只是在默认即标准流的情况的下显示不出来效果解决方案:1、在CSS里设置:float:right,这时margin-right有用2、它的右面有其他盒子

为什么margin-left有用,而有时候margin-right却没有用?有经验的人来回答一下

margin就是两个标记中间让出点空白,如果你就一个标记又是居左的话margin-right是没有效果的。语法:margin-left:[ | | auto ]{1,4}默认值: 0相关属性:[margin ] || [ margin-top ] || [ margin-right ] || [ margin-bottom ]取值auto:值被设置为相对边的值。用长度值来定义外补白:可以为负值。用百分比来定义外补白:可以为负值。说明:检索或设置对象左边的外延边距。内联对象可以使用该属性设置左边距。外延边距始终透明。对应的脚本特性为 marginLeft。示例:test {margin - left: 50px;background: #ee; }test { margin - left: 50px; background: #eee; }

CSS中布局margin-right: auto;啥意思,对布局有何作用

DIV块右侧留空自动取得margin-right: auto,操作方法如下:1、首先新建HTML文件,创建HTML标签和内容,如下图所示。2、然后预览效果如图。3、然后设置文本的右外边距margin-right: 2cm,如下图所示。4、接着设置文本的右外边距margin-right:100px,如下图所示。5、最后预览效果如图,就完成了。

margin 水平居中 CSS

下面的代码是我经过调过OK的:<html><head><style type="text/css">#sm { margin: auto; width: 400px;} #sm ul,#sm li { float:left; display:inline;} #sm li { background-position:-64px -99px;cursor:pointer; margin:0 1px; font-size:12px; text-align:center; width:62px; overflow:hidden;} #sm li.active { background-position:0 -99px; font-weight:bold; color:#fff; height:26px; margin-bottom:-6px; position:relative;}</style><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body><div id="sm"> <ul> <li><a href="index.php">网站首页</a></li> <li><a href="about.php">公司简介</a></li> <li><a href="news.php">新闻动态</a></li> <li><a href="product.php">产品介绍</a></li> <li><a href="link.php">联系我们</a></li> </ul></div></body></html>

在标签中,谷歌对外层的div中的样式margin-top、或者margin-left、或者margin-right,不认识

你是说的<div style="margin-top:20px;"><a herf=.......>....</a></div>这个样子么?我用谷歌浏览器没问题。

android:layout_marginRight=&quot;5dp&quot;为什么不起作用

不知道具体情况, 我碰到的是在ScrollView中的LinearLayout 中设置margin 类的属性都无效, 解决方法 LinearLayout中加android:layout_gravity="top" 属性就ok,

在网页制作中 盒子A在body中 设置了A的margin-right值为50后 此时A距离body的右边框是50px

这时候还得看你的盒子a和盒子b有没有浮动 向什么方向浮动?

DIV的margin-right:-1px,请问它的移动原理是怎么样的?

向右移1px

margin–right:–10px,30px什么意思?

这个的话应该是不同的意思,可以选择的不同模式的破解。

html中margin-right:20px;右边距,底边距总是失效,左边距,上边距能用

浏览器默认是以左上角为顶点的,所以默认一个div是用 top和left来调整的只要当一些布局混叠的时候,比如用到浮动,或者设置高度,会考虑用到right和bottom

初学div+css,很迷惑,感觉一个设置了固定宽度的div设置了margin-left,那么margin-right就是确定的了

这里的margin-left不是说这个div左边距离父级容器左边的距离,而是在它的左边加了一块属于它自己的区域,只是这块区域不用来显示内容,你看不到而已,此时这个div距离他左边还是0,因为这个距离是父级左边框减去这个div的左外边框位置(margin-left);想象一下鸡蛋,蛋黄就是你看到的div区域,而他的蛋清就是margin,整个div(蛋清加蛋黄)到父级(蛋壳)的距离是以最外层的蛋清决定的,而不是最外层的蛋黄

在网页布局中,margin-left:-300px与margin-right:-300px有什么区别?请结合具体应用来说明原理。

这个原理很简单,这里不方便图示,只能代以文字说明:首先要明白margin属性的作用,举个形象的例子,有两个开口盒子,一个大一个小,小盒子放在大盒子里,从正上方往下看,小盒子四条边离大盒子四条边的距离就是margin,在上述例子中margin值是正数,那么负数是什么情况呢?负数就是说,从上面往下看,大盒子突然高度变高且开口变小(小于小盒子的开口),这就是margin值为负的概念。附:其实这个问题很简单,如果学过物理,这与位移概念类似。

表单按钮用margin-right属性时没有效果 怎么回事

当然有效果,只不过因为默认是左对齐,所以才会看不出来例: <input name="input" type="button" style="margin-right:500px; float:right"/>

css float:left;margin-right:10px排版

给第四列增加一个类col-4并设置下float及margin属性,试试这段代码:<style> *{ margin: 0; padding:0; } .row{ margin: 10px auto; width:500px; height:200px; border:1px solid red; } .col{ width:100px; height:100px; background: yellow; float: left; border:1px solid black;margin-right:30px;}.col-4{float:right;margin-right:0px;}</style><div class="row"> <div class="col">1</div> <div class="col">2</div> <div class="col">3</div> <div class="col col-4">4</div></div>

标签margin-right:0无效,这是怎么回事?

span{display:display: inline-block;}行内标签没有边距的;

css 为什么这样写? margin-right: 6px; _margin-right:3px

这是一个解决IE6双倍边距的bug的一种方法,因为在IE6下的margin值会出现2倍值

margin-right属性?

margin-right这个属性是对右边的位置距离。一般我们的Div都是从左边开始的,所以你这么设置没用。做个比喻就是你站在一个宽10m的房间里面,然后,你靠着左边的墙壁,向右边伸出你1m长的手,那么你觉得,你现在伸出的手能改变你身体的位置吗?答案很显然是不能。除非你靠着右边墙壁,向右边伸出1m的手,那样你才能把身体撑出去。

android layoutmarginright 什么意思

android lay out margin rightAndroid 系统展示右边距.很高兴为你解答!如有不懂,请追问。 谢谢!

为什么margin-left有用,margin-right没有用?

浏览器默认从左向右渲染,所以元素是从左向右排列的,margin-right其实有效果的,只是在默认即标准流的情况的下显示不出来效果解决方案:1、在CSS里设置:float:right,这时margin-right有用2、它的右面有其他盒子

使用margin-right为啥离元素还多了一块

right是多余的 - 一只小码农~的博客 - CSDN博客 - 每一个元素margin...2021年9月12日DIV CSS margin-right设置对象盒子右边外边距(间距)1、margin-right作用:盒子对象设置此样式后,此对象边框外将靠右产生距离2、

定义DIV时,CSS样式中的right属性和margin-right属性的作用分别的什么?

你应该把右边的两个div再放入一个div中就成了

margin-right和right有什么区别?

使用 position 属性进行左和右对齐对齐元素的方法之一是使用绝对定位:实例.right{position:absolute;right:0px;width:300px;background-color:#b0e0e6;}注释:绝对定位元素会被从正常流中删除,并且能够交叠元素。[本条来源于CSS对齐词条]网页链接

CSS中布局margin-right: auto;啥意思,对布局有何作用

使这个Div的 右外补白居中

CSS里面的属性margin-right:auto; margin-left:auto;是什么意思??? 还有 line-height是什么意思

解析margin的自动值auto定义一个方向为auto,可以理解为此方向随便,自由设置DIV水平居中的方法是 margin:0 auto;line-height:是指的行高

CSS中margin:auto是自动居中吗?

得设置宽度

CSS 用margin来控制元素位置怎么样

可以,但是不是什么时候都管用的

CSS理解之margin

margin重叠通常特性: margin重叠三种情况: demo 1: 1.相邻兄弟元素margin重叠 兄弟元素的上下margin发生了重叠 2.父级和第一个/最后一个子元素 demo 1: inline元素(内联元素,像图片、文字这样的东西) 块状格式化上下文元素(BFC元素) 同样可以利用父子margin重叠条件来去除margin重叠: demo 2: demo 2 : demo 2: 去掉margin-bottom重叠与上面类似。 3.空的block元素margin重叠: 空的block元素发生margin重叠,也需要一些条件限制: 去掉空的block元素的margin重叠也是利用上面的条件: 3.margin重叠的计算规则: 1、正正取大值: 2、正负值相加: 3、负负最负值(取绝对值大的): 首先理解margin atuo的作用机制 ,先看一些事实例子: 1.元素有时候,就算没有设置width或height,也会自动填充外部容器 例1: 例2: 以上两个例子是比较常见的,没有设置宽高也会自动填充所在容器。 若刚才的两个例子,如果设置了width或heigth,自动填充特性就会被覆盖。 总之一句话,auto就是用来分配。 通过以上的例子,很多事情就很好理解了,比方说: 1.为什么图片设置了 margin:0 auto 不水平居中? 如上图,设置了 margin auto ,图片为什么还是不居中呢? 因为图片是inline水平的,它占据的空间并没有撑满整个容器,如果没有设置宽度值。所以它就不满足 margin auto 用来填充剩余空间的条件,因为他根本就没有剩余空间。要想让它居中也很简单: 2.为什么明明容器定高,子元素也定高了, margin auto 0 无法垂直居中? 上图水平方向剧中了,但是垂直方向不剧中,父级元素高度有了,子元素高度也有了,为什么还是不垂直居中呢? 因为他不满足占满整个容器这个条件,想一下,如果,没有为.son设置高度值,它之前满足占满整个容器这个条件吗?很显然不满足,也就没有剩余空间,所以设置 height:100px margin auto 不会垂直居中。 还需要注意一点:用 margin:auto 来实现居中,它计算后的值必须是正直,比如说你的父容器宽度1000px,子元素宽度2000px,这时设置 margin:auto 它是不居中的。 那么如何实现垂直方向上的剧中呢,方法很多不止一种: 1.writing-mode与垂直居中: 更改流为垂直居中之后,内容会自动撑满垂直方向的高度。这时宽度不会自动撑满容器,所以宽度的水平居中就失效了。 2.绝对定位元素实现垂直居中: 子元素设置了 top:0;right:0;bottom:0;left:0; 之后,没有设置宽高,absolute元素也自动填满了容器。 1.margin负值下的两端对齐(主要利用了margin可以改变元素尺寸这一特性:正直变小,负值变大) 由于 <div class="ul"></div> 没有设置宽度,所以设置了 margin-right:-20px; 后,改变了它的宽度,增大了20px,变为1220px。这时我们再把 li 的宽度设置为计算好的386.66666px,就可以实现没有间隙的两端对齐。 主要利用了margin负值增加它的空间 。 demo: 可以看出它的垂直方向是没有margin的,是无效的。 2.第二种常见的无效是margin重叠,比如你设置了margin-top当发现没有效果,这就是margin重叠带来的影响。 3.display:table-cell与margin demo: 可以看出设置的margin是无效的。 但是对替换元素设置table-cell是可以发生作用的,但平时我们不会给替换元素设置table-cell,这是没有任何意义的,所以记住这点就行。 4.position:absolute与margin,绝对定位元素非定位方向的margin值 “无效” ,定位方向的margin值是有效的。

css的margin为负值的时候为什么列表的第一行也会向上移动?

其实你把ul和li都加上背景色就能看出端倪来的:如果li的margin-top是正值(为了看得明白些,我用的是10px),是这样的:红色部分是ul,蓝色则是li,最上面的黄色部分则是第一个li的margin-top(也就是10px),它是凸出在ul的外面的,这也就是说,如果margin-top是正值,则第一个li的位置会保持不变,从第二个li开始才是逐渐向下拉伸的(值得一提的是:如果li的margin-top大于ul的margin-top,则ul会以li的margin-top作为基准向下推,这时候第一个li就不会保持位置不变了)。而当li的margin-top是负值时(比方说-10px),情况就不是这样了,第一个li会向上移动10px,而第二个li则移动20px,依此类推,连带着整个ul也会向上移动10px。

style="width:868px; height:588px; margin-left:-203px; margin-top:-180px">

width:868px; //宽度868像素height:588px;//高度588margin-left:-203px;左移203,带负号即从当前位置往左收缩203margin-top:-180px;顶移180,带负号即从当前位置往上收缩180

css中margin什么意思

Margin是CSS中的一个属性,指的是一个元素的边框外侧到相邻元素边框内侧之间的距离。margin,是CSS语法,这个简写属性用于在一个声明中设置所有当前或者指定元素所有外边距的宽度,或者设置各边上外边距的宽度。margin的定义:margin简写属性在一个声明中设置所有当前或者指定元素外边距属性。该属性可以有 1 到 4 个值。margin 属性接受任何长度单位、百分数值甚至负值。margin 属性可以单独改变元素的上,下,左,右边距。也可以一次改变所有的属性。margin跟padding一样,也有简洁写法。我们可以使用margin属性来设置四个方向的外边距。在实际编程中,我们往往使用的是margin的这种高效简洁写法来编程。margin简写属性设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度.块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地,浮动元素的外边距也不会合并。允许指定负的外边距值,不过使用时要小心。margin的边距属性如以下:margin-bottom设置元素的下外边距、margin-left设置元素的左外边距、margin-right设置元素的右外边距、margin-top设置元素的上外边距。margin语法举例1、margin:10px 5px 15px 20px。上外边距是10px,右外边距是5px,下外边距是15px,左外边距是20px。2、margin:10px 5px 15px。上外边距是10px,右外边距和左外边距是5px,下外边距是15px。

在css中margin和padding作用是什么???

盒子外面用margin,内部用padding.

Ext的form表单中加了style:"margin-top:20px",后文字与文本框不对齐了,怎么办?

别加换行命令啊

网页css代码的 margin:0 auto是什么意思

margin是外边距的意思,当一个元素样式属性里有margin:0 auto时,并且父元素的宽度是确定的,意思是这个元素处于其父元素的居中位置,并且这个元素的上下外边距为0。margin还有其他配置类型:margin-bottom:设置元素的下外边距。margin-left:设置元素的左外边距。margin-right:设置元素的右外边距。margin-top:设置元素的上外边距。扩展资料:css的语言特点:1、丰富的样式定义:CSS提供了丰富的文档样式外观,以及设置文本和背景属性的能力;允许为任何元素创建边框,以及元素边框与其他元素间的距离,以及元素边框与元素内容间的距离;允许随意改变文本的大小写方式、修饰方式以及其他页面效果。2、易于使用和修改:CSS可以将样式定义在HTML元素的style属性中,也可以将其定义在HTML文档的header部分,也可以将样式声明在一个专门的CSS文件中,以供HTML页面引用。总之,CSS样式表可以将所有的样式声明统一存放,进行统一管理。3、多页面应用CSS样式表可以单独存放在一个CSS文件中,这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件,在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。

为什么我设置了这个div的margin-top:20px;可是还是和上一个div挨着?

你这个截图应该是在dreamweaver中的预览效果图说明你的css还不是很正确,你的#rightside没有设置溢出隐藏,所以回出现如上的效果。建议:#rightside{width:200px;float:right;height:auto;overflow:hidden;}

html 4个数值从哪里开始。 比如.box { margin:1px 2px 3px 4px} 哪个是上哪个是下哪个是左哪个是右?

左 上 右 下

margin在dw中怎么用

margin:指边距margin-left:左边距margin-right:右边距margin-top:上边距margin-bottom:下边距还有是padding:,是指边距空白,即内容与边框之站的空白。参照margin用法。在CSS样式中定义,在主页面中引用:在<head></head>之间插入这句:<link media="all" href="你的CSS样式文件的地址" type="text/css" rel="stylesheet" />================CSS定义法如下:.heading{width:950px; height:250px;border:#99CCFF solid 1px; margin-left:auto;margin-right:auto; margin-top:5px;}

CSS中margin和padding的区别

margin 外边距 单元模块和另外单元模块之间的距离padding 内边距 块内元素和块框之间的距离

css 边距问题 margin

  这位网友你好,你遇到的是Margin垂直外边距合并问题,外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。  垂直外边距合并问题常见于第一个子元素的margin-top会顶开父元素与父元素相邻元素的间距,而且只在标准浏览器下(FirfFox、Chrome、Opera、Sarfi)产生问题,IE下反而表现良好。  这个问题发生的原因是根据规范,一个盒子如果没有上补白(padding-top)和上边框(border-top),那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。  再说了白点就是:父元素的第一个子元素的上边距margin-top如果碰不到有效的border或者padding.就会不断一层一层的找自己“领导”(父元素,祖先元素)的麻烦。只要给领导设置个有效的 border或者padding就可以有效的管制这个目无领导的margin防止它越级,假传圣旨,把自己的margin当领导的margin执行。  对于垂直外边距合并的解决方案上面已经解释了,为父元素例子中的middle元素增加一个border-top或者padding-top即可解决这个问题。

为什么一个div里面放一个i,给i设置margin-top会失效

在div放的改为clss或id试试

CSS 中哪果 margin: -100px;代表什么意思?

外边距设为-100px

css样式margin

margin 外边距(标签与标签之间的距离) margin的四个方向 margin-top 上边距 margin-right 右边距 margin-bottom 下边距 margin-left 左边距 margin的复合样式 一个值 四个方向的margin值都一样 两个值 第一个值代表上边和下边的margin值,第二个值代表右边与左边的margin值 三个值 第一个值代表上边的margin值,第二值代表右边与左边的margin值,第三个值代表下边的margin值 四个值 第一个值代表上边的margin值,第二个值代表右边的margin值,第三个值代表下边的margin值,第四个值代表左边的margin值 margin的问题 margin的问题 1、margin的传递(只会上下传递不会左右传递) 子级会把自己的margin-top与margin-bottom传递给父级 解决办法:给父级加上一个边框(其中一个办法) 2、margin上下叠压(只有上下会叠压,左右不会叠压) 上边元素的margin-bottom与下边元素的margin-top叠压在了一起(他会取大的值) 解决办法只给上边的元素设置margin-bottom或只给下边的元素设置margin-top就可以了 auto 自动 margin-left:auto; 元素居右显示 margin-right:auto; 元素居左显示元素水平居中显示 margin:auto;

margin-top:20px;

给img 加上 display:block; float:left;

为什么我的margin-top设的50%,但浏览器是按父元素的宽度的50%而不是高度的50%计算上外边距?

我和你讲下在css中是不按照高度算的,知道不,只有按照父元素算,这是css的一个好处,希望对你有帮助,请采纳,谢谢。

margin-top在iphone不生效怎么解决

因为span默认是行属性,而div默认是块属性,把span强制设为块属性就可以了。 u261e把这段 span{ margin-left:25px; margin-top:200px; } 改为 span{ margin-left:25px; margin-top:200px; display:block; }

刚刚接触到CSS,懂不明白了,margin-bottom和margin-top设置无效,上下边框还是无法分离,

请指出具体位置。

div浮动后下面div的margin-top没法用了

不会有谁这样做布局的,,,如果你不加容器来做,,一整页下来,这么多div,必乱<div><div a></div><div b>这样就行了。

html为什么调整div层里面的标签的margin-bottom时没有反应,而可以调整margin-top属性,代码如下

有三个问题,一个是你的样式代码被注释了。二、你的li都是右浮动,就是在一排,margin-top当然有效,margin-bottom完全无用。三、topbig高度是50px,但是你的li的margin上下远远大于50px,这是错的

extjs 中ComboBox 下拉框 如何调整上边距margin-top 使它往下一点

bodyStyle : "padding:5", 换成 bodyPadding : 10,试试

js 怎么根据获取到的可用屏幕高度设置div的marginTop

$(function(){h=$(window).height();//获取浏览器窗口高度并赋值给h;这是jquery语句,需要先链接jquery插件})

〔html〕为什么这种情况span的margin-top会失灵?

如果只是为了margin-top生效,设置span的 display为inline-block,这样该span还是内联元素,如果只设置block,则变成了块级元素,看实际应用场景把

margin-top:0.5em; em 是什么意思

em指字体高,任意浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em。为了简化font-size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。em有如下特点:1. em的值并不是固定的;2. em会继承父级元素的字体大小。重写步骤:1. body选择器中声明Font-size=62.5%;2. 将你的原来的px数值除以10,然后换上em作为单位;简 单吧,如果只需要以上两步就能解决问题的话,可能就没人用px了。经过以上两步,你会发现你的网站字体大得出乎想象。因为em的值不固定,又会继承父级元 素的大小,你可能会在content这个div里把字体大小设为1.2em, 也就是12px。然后你又把选择器p的字体大小也设为1.2em,但如果p属于content的子级的话,p的字体大小就不是12px,而是 1.2em=1.2 * 12px=14.4px。这是因为content的字体大小被设为1.2em,这个em值继承其父级元素body的大小,也就是16px * 62.5% * 1.2=12px, 而p作为其子级,em则继承content的字体高,也就是12px。所以p的1.2em就不再是12px,而是14.4px。3. 重新计算那些被放大的字体的em数值。避免字体大小的重复声明,也就是避免以上提到的1.2 * 1.2= 1.44的现象。比如说你在#content中声明了字体大小为1.2em,那么在声明p的字体大小时就只能是1em,而不是1.2em, 因为此em非彼em,它因继承#content的字体高而变为了1em=12px。

CSS设置transition过渡margin-top后底下盒子跑上来了

transition 改变 margin 是会影响布局的,特别是你这种使用了 float 的布局,如果想不影响布局请用 transform: translateY(-5px),或者 translate3d(0,-5px,0) 来激活 GPU 加速

为什么css中设置了margin-top属性后,运行时背景图片会下移,如何更改?

给你的父级元素设置一个overflow: hidden;我看了很多的都没用 最后用这个解决的

网页设计中margin怎么用?

一、首先,我们先设计一个div,并且给这个div添加一个id,id名随意取。然后设置一下宽高,并且添加一个红色的背景属性值。默认情况下,这个div是靠近浏览器的顶部和左边的。二、接着我们给这个div设置一下margin值,从左到右表示的是上边,右边,下边,左边的margin值。设置好之后,可以看到左边和上边都隔开了一定的距离,这就是margin值的用处,而下边和右边因为没有其他div或者其他颜色,所以效果被忽略了。当然,margin值也可以分开写,比如我只设置div的上边的margin值,就可以使用margin-top,而右边则可以使用margin-right,左边则是margin-left,下边则是margin-bottom。三、设置margin-top之后,只有上边拉开了距离,而左边并没有拉开距离。接着我们再在网页中添加一个div,并设置id为“you”。接着设置“you”这个div的宽高和背景。四、新添加一个div之后,如果没有设置margin-bottom的值,两个div就会连在一起。然后我们给上面的div,也就是“my”,设置margin-bottom。设置好之后,两个div之间就会拉开距离,这样就可以定位好div的位置。五、如果我们给“my”设置好margin-bottom之后,又给“you”设置margin-top,又会有什么结果呢?结果就是这样:有两个相邻的div,如果一个div设置了margin-top,另一个设置了margin-bottom,则以它们之间值最大的为准。六、比如margin-top是50像素,margin-bottom是30像素,则间隔就是50像素,而不是两个相加哦。了解这个之后,在网页布局中,我们只需要对其中一个设置就可以了。

margin属性又细分为哪些属性?

细分为 margin-top、margin-right、margin-bottom、margin-right,分别表示离上边、右边、下边、左边的距离

a标签的margin-top无用?

左边距,上边距

margin-top:-100px 和margin-left:-150px是什么意思

margin-top:-100px 的意思是顶部外边距是-100pxmargin-left:-150px 的意思是是左边外边距是-150px在显示效果上,您可以看到框体向左伸长150px 向上伸长100px哦~

css代码里的margin为什么不起作用

可以margin-top:100px !important;写。还可以成padding-top:30px;,效果都一样css样式是按照就近原则来执行的,margin-top:100px !important; 这个属性的意思是绝对执行这个,有可能你的别的地方也加上了 !important;

inline-block;可以设置margin吗

我感觉应该不支持,看我右边的css,第一个.all .top .menu .nav-link代表我的a标签,我先对a标签设置inline-block,然后设置a标签的margin-left为25px,检查的时候发现,这句代码被划掉了,所以我感觉应该inline-block不支持设置margin;

为什么div里面的margin-top:120px;不起作用

关键词:空白间距叠加并不是任何bug只是css的一个特性有很多办法可以解决 比如 给父级元素添加border:1px solid transparent;或者 设置padding-top 或者绝对定位都可以解决

div的margin-top

按照你的设置确实应该出现的效果是chrome中的,不要太相信DW中的设计效果,有些细微的设置在DW中根本无法体现出来

jquery 设置margin-top 刷新之后就失效了

属性值没有包起来

CSS中margin和padding的区别

CSS中margin和padding有以下三方面区别。在CSS中margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离。1、语法结构。padding:padding-left:10px; 左内边距、padding-right:10px; 右内边距、padding-top:10px; 上内边距、padding-bottom:10px; 下内边距。margin:margin-left:10px; 左外边距、margin-right:10px; 右外边距、margin-top:10px; 上外边距、margin-bottom:10px; 下外边距。2、可能取的值。padding:length规定具体单位记的内边距长度、%基于父元素的宽度的内边距的长度、auto浏览器计算内边距、inherit 规定应该从父元素继承内边距。margin:length 规定具体单位记的外边距长度、%基于父元素的宽度的外边距的长度、auto浏览器计算外边距、inherit 规定应该从父元素继承外边距。3、浏览器兼容问题。padding:所有浏览器都支持padding属性、任何版本IE都不支持属性值“inherit”。margin:所有浏览器都支持margin属性、任何版本IE都不支持属性值“inherit”

在css中margin和padding作用是什么???

盒子外面用margin,内部用padding.

css 为什么有时MARGIN 不起作用,

css有时MARGIN 不起作用是设置错误造成的,解决方法为:1、新建一个HTML文件,命名为test.html。2、为了测试出明显的效果,在test.html使用div定义了一个带边框的模块,里面放一个p标签。下面以p标签的外边距设置为例,详细讲解margin的使用。3、使用margin设置p标签的左外边距。主要使用margin-left的方法定义左外边距的样式,值越大,距离左边就越大。4、使用margin设置p标签的右外边距。主要使用margin-right的方法定义右外边距的样式,值越大,距离右边就越大。5、使用margin设置p标签的上外边距。主要使用margin-top的方法定义上外边距的样式,值越大,距离上边就越大。6、使用margin设置p标签的下外边距。主要使用margin-bottom的方法定义下外边距的样式,值越大,距离下边就越大。

怎么消除hover 对margin-top 的影响

你的hover是加在a上的,原有border是在li上的,.box1 li{border:#b7b7ff 1px solid; width:350px; height:350px;}变成.box1 a{border:#b7b7ff 1px solid; width:350px; height:350px;}或者.box1 a:hover{border:#99F 1px solid; position:absolute;}变成.box1 li:hover{border:#99F 1px solid; position:absolute;}

“CSS”中“margin:auto”是自动居中吗?

先看margin,margin有4个值:margin:10px 11px 9px 8px; ,按顺序分别代表对象与父容器的上、右、下、左的距离值为10px,11px,9px,8px。这还不能肯定是不是自动居中。如果只写两个值:margin:10px 5px; ,表示对象与父容器的上下距离值都是10px,与左右的距离值都是5px。这也不是自动居中。那么这时候我们来看margin:0 auto ,这个就表示上下的距离值是0,而左右就是自动适应,也就是我们常说的自动居中。合并后居中是Microsoft Office Excel软件的一项格式设置功能,即将选中的多个单元格合并,然后自动设置为居中格式。以Excel 2010软件为例设置合并后居中的方法如下:打开Excel2010工作表窗口,选中准备合并的单元格区域。在“开始”功能区的“对齐方式”分组中,单击“合并后居中”下拉三角按钮。在打开的下拉菜单中,选择“合并后居中”命令可以合并单元格同时设置为居中对齐;选择“跨越合并”命令可以对多行单元格进行同行合并;选择“合并单元格”命令仅仅合并单元格,对齐方式为默认;选择“取消单元格合并”命令可以取消当前已合并的单元格。

CSS中margin和padding的区别

一、padding1、语法结构(1)padding-left:10px; 左内边距(2)padding-right:10px; 右内边距(3)padding-top:10px; 上内边距(4)padding-bottom:10px; 下内边距(5)padding:10px; 四边统一内边距(6)padding:10px 20px; 上下、左右内边距(7)padding:10px 20px 30px; 上、左右、下内边距(8)padding:10px 20px 30px 40px; 上、右、下、左内边距 二、margin1、语法结构(1)margin-left:10px; 左外边距(2)margin-right:10px; 右外边距(3)margin-top:10px; 上外边距(4)margin-bottom:10px; 下外边距(5)margin:10px; 四边统一外边距(6)margin:10px 20px; 上下、左右外边距(7)margin:10px 20px 30px; 上、左右、下外边距(8)margin:10px 20px 30px 40px; 上、右、下、左外边距

网页css代码的 margin:0 auto是什么意思

与上边间距为0像素,其它三边为auto自动.

margin在html中什么意思

margin 是 CSS 语法,这个简写属性用于在一个声明中设置所有当前或者指定元素所有外边距的宽度,或者设置各边上外边距的宽度。块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地,浮动元素的外边距也不会合并。允许指定负的外边距值,不过使用时要小心。“margin”的语法结构:(1)margin:5px auto 意思上下为5,左右平均居中(2)margin-top: 20px 上外边距(3)margin-right: 30px 右外边距(4)margin-bottom: 30px 下外边距(5)margin-left: 20px 左外边距(6)margin:1px 四边统一边距(7)margin:1px 1px 上下边距,左右边距(8)margin:1px 1px 1px 上,左右,下边距(9)margin:1px 1px 1px 1px 上,右,下,左边距注释:允许使用负值。以上内容参考:百度百科-margin

为什么css中设置了margin-top属性后,运行时背景图片会下移,如何更改?

给你的父级元素设置一个overflow: hidden;我看了很多的都没用 最后用这个解决的

js控制style里的margin-top

margin-Top

margin-top为何不起作用,该怎么解决

因为span默认是行属性,而div默认是块属性,把span强制设为块属性就可以了。 u261e把这段 span{ margin-left:25px; margin-top:200px; } 改为 span{ margin-left:25px; margin-top:200px; display:block; }

HTML网页编程的CSS中关于margin-top和margin-bottom的问题

浏览器的问题吧 ,用IE的话应该可以的,我试过了。但是用谷歌的就是你说的那样了..其他浏览器不晓得怎么样..

css中 margin-top 的负值是什么意思?其他的left/ right/ botttom 有负值吗?

margin-top距离上顶部多少可以有负值
 首页 上一页  1 2 3 4 5  下一页  尾页