015解决父级边框塌陷问题

015解决父级边框塌陷问题

解决方案：

1、增加父级元素的高度

#father{ border: 1px #000 soild; height:500px;}

2、增加一个空的div标签，清除浮动

3、overflow

在父级元素中增加一个 overflow: hidden;

4、父类添加一个伪类： after

#father:after{ content: ''; display: block; clear: both;}

小结：

浮动元素后面增加空div增加，代码中尽量避免空div设置父元素的高度简单，元素假设有了固定的高度，就会被限制overflow简单，下拉的一些场景避免使用父类添加一个伪类：after（推荐）写法稍微复杂一点，但是没有副作用，推荐使用！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。