使用float 浮动会导致父类元素高度塌陷
常用清除浮动的三种方式
1、在高度塌陷的元素的css样式中设置overflow :hidden;
2、直接给高度塌陷的元素设置定高css中设置height属性 (先估算出盒子的高度)
3、采用伪类配合clear:both;进行清除 ( 假设类 demo 高度塌陷)
css代码: .demo::after {
content: ' ';
display: block;
clear: both;
}
使用float 浮动会导致父类元素高度塌陷
常用清除浮动的三种方式
1、在高度塌陷的元素的css样式中设置overflow :hidden;
2、直接给高度塌陷的元素设置定高css中设置height属性 (先估算出盒子的高度)
3、采用伪类配合clear:both;进行清除 ( 假设类 demo 高度塌陷)
css代码: .demo::after {
content: ' ';
display: block;
clear: both;
}