奇妙的第一个元素的 margin-top

作者:vkvi 来源:千一网络(原创) 日期:2013-5-9

先看代码

再看效果

第一个元素的 margin-top

蓝色是 body 背景,红色是外层 div 的,可以看出第一个内层 div 的 margin-top 并没有顶开外层 div(因为它的顶端没有 10px 的红色),反而是在外层 div 以外顶开。

解决办法

给外层 div 增加 overflow:hidden; 和 _zoom:1; overflow 是标准浏览器响应,_zoom 是 IE 浏览器响应,效果如下。

解决每个元素的 margin-top 顶到外面

相关阅读

相关文章
文章评论