首页 > Web开发 > 详细

css float塌陷问题的解决

时间:2015-07-08 20:30:44      阅读:273      评论:0      收藏:0      [点我收藏+]

css float 造成的塌陷问题 的解决


<div>
    <div style="width:300px;height:300px;float:left;‘></div>
    <div style="width:300px;height:300px;float:left;"></div>
</div>

 

这种情况下会出现浮动导致的塌陷问题 如何解决这种问题? 以下介绍三种方法来解决这种问题

first 在父元素最后添加一个空元素,并清除浮动,

 

the second way 对父元素添加属性 overflow:hidden

third way 使用伪对象:after  div:after{ clear:both;}?

css float塌陷问题的解决

原文:http://www.cnblogs.com/husttan/p/4631168.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!