1、为什么要清除浮动
因为浮动布局会让元素脱离默认的流式布局,使内容横向排列影响后面的内容的布局
清除浮动的方法:
(1)给父元素添加一个高
、
(2)在父元素后面·添加一个块元素·,并在块元素后面添加清除浮动(clean-both)
( 3 ) 使用伪元素在父元素后面设置一个块元素后,在伪元素中清除浮动
即:A::after{
content:" ";
display:block;
clear:both;
}
(4)给父元素添加一个 overflow:auto
1、为什么要清除浮动
因为浮动布局会让元素脱离默认的流式布局,使内容横向排列影响后面的内容的布局
清除浮动的方法:
(1)给父元素添加一个高
(2)在父元素后面·添加一个块元素·,并在块元素后面添加清除浮动(clean-both)
( 3 ) 使用伪元素在父元素后面设置一个块元素后,在伪元素中清除浮动
即:A::after{
content:" ";
display:block;
clear:both;
}
(4)给父元素添加一个 overflow:auto