020-CSS中为什么要清除浮动

020-CSS中为什么要清除浮动

Published on Aug 14
02:02
2020年JAVA面试208题
0:00
0:00
<span><br></span><span><br></span><p style="color:#333333;font-weight:normal;font-size:16px;line-height:30px;font-family:Helvetica,Arial,sans-serif;hyphens:auto;text-align:justify;" data-flag="normal">1.浮动你肯定清楚是咋回事,设置属性float向左或者是向右浮动</p><p style="color:#333333;font-weight:normal;font-size:16px;line-height:30px;font-family:Helvetica,Arial,sans-serif;hyphens:auto;text-align:justify;" data-flag="normal">2.浮动所带来的问题是,无法撑开父元素的高度。 非浮动情况下,子元素会把父元素的高度撑开,这个好理解。当子元素是浮动的时候,子元素浮起来脱离了父元素的包裹了,自然父元素内部就空了,所以父元素的高度就塌陷了<span>。</span></p><p style="color:#333333;font-weight:normal;font-size:16px;line-height:30px;font-family:Helvetica,Arial,sans-serif;hyphens:auto;text-align:justify;" data-flag="normal">由于有这个大问题,所以必须清除浮动,目的是让子元素即便浮动了依旧能撑开父元素的高度。</p><span><br></span><p style="color:#333333;font-weight:normal;font-size:16px;line-height:30px;font-family:Helvetica,Arial,sans-serif;hyphens:auto;text-align:justify;" data-flag="normal">3.有两种方式:一个是使用CSS的clear属性,还有一种是利用BFC机制。</p><p style="color:#333333;font-weight:n...