[CSS]解决父子元素margin-top重叠问题

时间：2017-05-06 11:54:33 阅读：209 评论：0 收藏：0 [点我收藏+]

问题代码：

<div id="father" style="background:#eee;">
		<div id="son" style="margin-top:50px;">son</div>
</div>

方法一：

父元素设置overflow:hidden

<div id="father" style="background:#eee;overflow:hidden;">
		<div id="son" style="margin-top:50px;">son</div>
</div>

方法二：

父元素设置border-top

<div id="father" style="background:#eee;border-top:1px solid transparent;">
		<div id="son" style="margin-top:50px;">son</div>
</div>

方法三：

父元素设置padding-top

<div id="father" style="background:#eee;padding-top:1px;">
		<div id="son" style="margin-top:50px;">son</div>
</div>

方法四：

父子元素间增加一个inline元素

<div id="father" style="background:#eee;">&nbsp;
		<div id="son" style="margin-top:50px;">son</div>
</div>

原文地址：http://www.cnblogs.com/enginex/p/6816051.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行