1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 高度塌陷?如何清除浮动?

高度塌陷?如何清除浮动?

时间:2021-02-07 21:57:11

相关推荐

高度塌陷?如何清除浮动?

目录

1、高度塌陷

2、为什么清除浮动

3、如何清除浮动

1、高度塌陷

高度塌陷简单说就是,府级元素包涵的子元素浮动了,当父级元素没有设置高度时,会因为没有子元素“撑开”,而变成一条线。

2、为什么清除浮动

清除浮动主要是为了解决,父元素因为子级元素浮动引起的内部高度为0的问题。

3、如何清除浮动?

给父元素设置overflow:hidden额外标签法(隔墙法):在子元素后边设置用一个空元素,设置一个clear:both属性双伪元素法伪元素法:

<style>.a{width: 200px;background-color: red;}.b{height: 100px;width: 100px;background-color: pink;}.a:after{//伪元素content: "";height: 0px;display: block;overflow: hidden;visibility: hidden;}</style></head><body><div class="a"><div class="b"></div></div></body>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。