2020年JAVA面试208题

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


Listen Later



1.浮动你肯定清楚是咋回事,设置属性float向左或者是向右浮动

2.浮动所带来的问题是,无法撑开父元素的高度。 非浮动情况下,子元素会把父元素的高度撑开,这个好理解。当子元素是浮动的时候,子元素浮起来脱离了父元素的包裹了,自然父元素内部就空了,所以父元素的高度就塌陷了。

由于有这个大问题,所以必须清除浮动,目的是让子元素即便浮动了依旧能撑开父元素的高度。


3.有两种方式:一个是使用CSS的clear属性,还有一种是利用BFC机制。

4.先说第一种方法,在浮动元素之后,再增加一个块儿元素,然后对该块元素设置clear属性,从而达到清除浮动的目的。

还有一种是在父级标签上设置overflow属性,触发BFC的机制来实现清除浮动。BFC是啥呢,简单来说BFC就是一个独立的渲染区域。这个区域会裹住浮动的子元素,从而脱标的子元素也可以撑开父元素,使父元素又高




...more
View all episodesView all episodes
Download on the App Store

2020年JAVA面试208题By 小崔爱读书


More shows like 2020年JAVA面试208题

View all
What's Next|科技早知道 by 声动活泼

What's Next|科技早知道

176 Listeners

声动早咖啡 by 声动活泼

声动早咖啡

263 Listeners

半拿铁 | 商业沉浮录 by 潇磊&刘飞

半拿铁 | 商业沉浮录

291 Listeners

天真不天真 by 杨天真本真

天真不天真

275 Listeners