首页 > 代码库 > 关于float高度塌陷问题
关于float高度塌陷问题
和所有刚入门的菜鸟一样,我发现float有高度塌陷问题,又很偶然的发现float元素后加<img/>能消除float带来的破坏性。
后来百度了一下,大部分的float高度塌陷问题都没有提及img带来的影响。
解决高度塌陷问题方法:
1.在最后一个元素后加入<div style="clear:both">
2.father-div设置高度
3.父元素加上after伪元素:
其中第三种方法的效果是最好的,和<img/>差不多,不过好像还是after比较优一点。
关于float高度塌陷问题
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。