码迷,mamicode.com
首页 > Web开发 > 详细

css float塌陷问题的解决

时间:2015-07-08 20:31:48      阅读:102      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!