为什么设置的margin-top属性不管用_html/css_WEB-ITnose
程序员文章站
2023-12-23 12:16:22
...
为什么设置的margin-top属性不管用:
建议:尽可能的手写代码,可以有效的提高学习效率和深度。
有时候大家可能会遇到奇怪的现象,尽管没有任何的语法错误,但是设置的margin-top属性不会起作用,下面就就结合代码实例介绍一下产生此现象的原因和解决方法。
原因一:
外边距合并margin-top属性失效。代码实例如下:
建议:尽可能的手写代码,可以有效的提高学习效率和深度。
有时候大家可能会遇到奇怪的现象,尽管没有任何的语法错误,但是设置的margin-top属性不会起作用,下面就就结合代码实例介绍一下产生此现象的原因和解决方法。
原因一:
外边距合并margin-top属性失效。代码实例如下:
蚂蚁部落
从以上代码的运行可以看出,第二个div设置的margin-top并没有生效,起作用的是第一个div的设置的margin-bottom,这里有个规律,那就是合并后的外边距的高度等于外边距的高度中的较大的一个,所以遇到此种情况可以格外注意外边距大小的设置。
原因二:
子元素和父元素也可能会导致设置的子元素上外边距失效情况,代码实例如下:
蚂蚁部落
解决方法:
为父对象在相应的外边距方向上有边框(border)和内边距(padding),或者为overflow属性值设置为hidden即可避免。
IE6浏览器下不会出现外边距合并现象。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=4638
推荐阅读
-
为什么设置的margin-top属性不管用_html/css_WEB-ITnose
-
iframe中的页面来设置该iframe的属性(width, height)_html/css_WEB-ITnose
-
ie6设置select下拉列表的属性不起作用_html/css_WEB-ITnose
-
iframe中的页面来设置该iframe的属性(width, height)_html/css_WEB-ITnose
-
和在一行,为什么改变img的margin-top,a的位置也变了?_html/css_WEB-ITnose
-
求助:为什么我用css设置的第二个标签无法居中_html/css_WEB-ITnose
-
为什么设置的表格边框的颜色 预览页面的时候边框都变成黑色了_html/css_WEB-ITnose
-
和在一行,为什么改变img的margin-top,a的位置也变了?_html/css_WEB-ITnose
-
为什么没法设置span的宽度和高度_html/css_WEB-ITnose
-
为什么设置的margin-top不不起作用_html/css_WEB-ITnose