假如当前标签元素设置了浮动,而父元素没有设置浮动,就会出现高度塌陷问题。
可用如下方法解决:
/* 解决内容区高度塌陷问题 */
.clearfix::after{
content: '';
display: block;
clear: both;
}
其中,clearfix是父元素的class属性值,基本原理就是在父元素末尾添加一个子元素,然后设置内容为空,设为块元素,并且清除浮动即可。
假如当前标签元素设置了浮动,而父元素没有设置浮动,就会出现高度塌陷问题。
可用如下方法解决:
/* 解决内容区高度塌陷问题 */
.clearfix::after{
content: '';
display: block;
clear: both;
}
其中,clearfix是父元素的class属性值,基本原理就是在父元素末尾添加一个子元素,然后设置内容为空,设为块元素,并且清除浮动即可。