CSS 中的 margin-bottom 属性通常用于设置元素的下外边距,但在某些情况下,它可能会表现得似乎无效。以下是一些可能导致 margin-bottom 无效的原因及其解决方案: 应用场景问题: margin-bottom 主要应用于块级元素。如果尝试将 margin-bottom 应用于行内元素(如 <span>),则它不会生效,因为行内元素不支持垂...
1. 出现条件 元素被浮动, 且其后没有其他元素,元素的margin-bottom不为0或auto. 2. 症状 为元素指定的margin-bottom无效, 就像margin-bottom为0一样. 3. 受影响的浏览器 IE6, IE7 4. 原因 暂不知道 5. 解决方法 a. 取消元素的margin-bottom, 改为指定父元素的padding-bottom(推荐); b. 在元素之后添...
margin:20px; 只有margin-bottom失效了。 解决办法:只要在浮动的最后一个元素后面加上“ box{width:600px; background:#E6FECB; border:3px solid #933; overflow:hidden;} .float_div{float:left; margin:20px; width:100px; height:100px; display:inline; background-color:#CCC;} .clear{clear:both;}...
原因: 在两个嵌套的div,如果外层div的父容器padding值为0, 那么内层div的margin-top或者margin-bottom的值会”转移”给外层div,也就是父容器的父容器。 解决办法: 1:设置父容器的的样式加上:overflow:hidden。 2:把对父容器的margin-top外边距改成padding-top内边距。 3:给父容器div加样式, padding-top: 1px。
帐号 密码 css.inp { margin:0 25px 13px;height:38px; position:relative; background:url(../image/loginbg.jpg) repeat-x;}.inp la...
在web网站开发中,有时候我们给html元素设置的margin-top或margin-bottom属性,但是无效,并没有取到任何作用,这是什么原因呢?常出现两种情况: 1、兄弟元素之间margin-top失效 先看下面代码: float: leftclear:both; margin-top:20px; 两个层box1和box2,box1具有浮动属...
这不是定位... margin-bottom是下方的外边距,并不能让元素向下方移动,margin-top作为上边距,把元素“推”了下去。 题主的意思想必是希望图标距离下方30px,那么可以试试在ul上设置position: absolute,bottom: 30px,另外父元素position:relative有用3 回复 查看全部 2 个回答 ...
一个应用了清除操作的元素的margin-top绝不会和它的块级父元素的margin-bottom折叠。 注意，那些已经被折叠覆盖的元素的位置对其他已经被折叠的元素的位置没有任何影响；只有在对这些元素的子元素布局时，border-top边界位置才是必需的。3 处理方案三：根元素的垂直margin不会被折叠。 浮动的块级元素的margin-bottom...