码迷,mamicode.com
首页 > 其他好文 > 详细

关于float高度塌陷问题

时间:2016-10-10 19:46:12      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:

和所有刚入门的菜鸟一样,我发现float有高度塌陷问题,又很偶然的发现float元素后加<img/>能消除float带来的破坏性。

后来百度了一下,大部分的float高度塌陷问题都没有提及img带来的影响。

解决高度塌陷问题方法:

1.在最后一个元素后加入<div style="clear:both">

2.father-div设置高度

3.父元素加上after伪元素:

技术分享
 
其中第三种方法的效果是最好的,和<img/>差不多,不过好像还是after比较优一点。

关于float高度塌陷问题

标签:

原文地址:http://www.cnblogs.com/momoxiaoqing/p/5946718.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!