2020-08-26 09:40发布
标签浮动以后,脱离的正常文档流,导致父标签无法被撑开,会影响后续正常布局
清浮动的几种方法
给浮动标签的父元素加固定的高度。(不够灵活)
在浮动标签的最后加一个空的div,标签本身不浮动,且添加样式clear:both
给父元素添加overflow属性,overflow的值为visible以外的其他值。
给浮动标签的父元素标签添加.clearfix(推荐方法)
在css样式表中写:
.clearfix:after{
content:"";
clear:both;
display:block;
}
最多设置5个标签!
标签浮动以后,脱离的正常文档流,导致父标签无法被撑开,会影响后续正常布局
清浮动的几种方法
给浮动标签的父元素加固定的高度。(不够灵活)
在浮动标签的最后加一个空的div,标签本身不浮动,且添加样式clear:both
给父元素添加overflow属性,overflow的值为visible以外的其他值。
给浮动标签的父元素标签添加.clearfix(推荐方法)
在css样式表中写:
.clearfix:after{
content:"";
clear:both;
display:block;
}
一周热门 更多>