
Sign up to save your podcasts
Or
1.浮动你肯定清楚是咋回事,设置属性float向左或者是向右浮动
2.浮动所带来的问题是,无法撑开父元素的高度。 非浮动情况下,子元素会把父元素的高度撑开,这个好理解。当子元素是浮动的时候,子元素浮起来脱离了父元素的包裹了,自然父元素内部就空了,所以父元素的高度就塌陷了。
由于有这个大问题,所以必须清除浮动,目的是让子元素即便浮动了依旧能撑开父元素的高度。
3.有两种方式:一个是使用CSS的clear属性,还有一种是利用BFC机制。
4.先说第一种方法,在浮动元素之后,再增加一个块儿元素,然后对该块元素设置clear属性,从而达到清除浮动的目的。
还有一种是在父级标签上设置overflow属性,触发BFC的机制来实现清除浮动。BFC是啥呢,简单来说,BFC就是一个独立的渲染区域。这个区域会裹住浮动的子元素,从而脱标的子元素也可以撑开父元素,使父元素又高
1.浮动你肯定清楚是咋回事,设置属性float向左或者是向右浮动
2.浮动所带来的问题是,无法撑开父元素的高度。 非浮动情况下,子元素会把父元素的高度撑开,这个好理解。当子元素是浮动的时候,子元素浮起来脱离了父元素的包裹了,自然父元素内部就空了,所以父元素的高度就塌陷了。
由于有这个大问题,所以必须清除浮动,目的是让子元素即便浮动了依旧能撑开父元素的高度。
3.有两种方式:一个是使用CSS的clear属性,还有一种是利用BFC机制。
4.先说第一种方法,在浮动元素之后,再增加一个块儿元素,然后对该块元素设置clear属性,从而达到清除浮动的目的。
还有一种是在父级标签上设置overflow属性,触发BFC的机制来实现清除浮动。BFC是啥呢,简单来说,BFC就是一个独立的渲染区域。这个区域会裹住浮动的子元素,从而脱标的子元素也可以撑开父元素,使父元素又高
176 Listeners
263 Listeners
291 Listeners
275 Listeners