在CSS中,有一种属性叫做clear,用来控制浮动元素的行为。当一个元素设置了浮动以后,其它元素可能会被它覆盖掉,使用clear属性可以防止这种覆盖发生。clear属性有以下几个取值:.clearfi
在CSS中,有一种属性叫做clear,用来控制浮动元素的行为。当一个元素设置了浮动以后,其它元素可能会被它覆盖掉,使用clear属性可以防止这种覆盖发生。
clear属性有以下几个取值:
.clearfix { clear: both; }
1. none:默认值,不进行清除。
2. left:元素下方不允许有左浮动元素。
3. right:元素下方不允许有右浮动元素。
4. both:元素下方不允许有任何浮动元素。
clear属性常常用在父元素上,通常可以在子元素浮动后,使用一个空div元素并设置clear属性进行清除。
.container::after { content: ""; display: table; clear: both; }
上面的代码会在.container元素的最后添加一个伪元素,并设置clear属性进行清除。这样在子元素浮动后,就可以保证.container元素的高度正常显示。
粉丝
0
关注
0
收藏
0