DOM&BOM中,tab栏切换案例为什么要用伪元素清除浮动?
.clearfix:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
42
收起
正在回答
2回答
同学你好,可再次查看阅读下老师已经给出的回复,如下:
1、问题:要想让本案例塌陷方法如下:content是绝对定位,高度由top决定,因此删除top,则塌陷——即content跑到ul上。解答如下:
1)同学是想让案例中的什么元素塌陷呢?若想让ul元素塌陷,将绝对定位及.clearfix:after{}删除即可。
2)content元素是设置了绝对定位,距离其父元素上边框的高度由top决定。删除top不是使元素塌陷,而是使得content距离其父元素上边框的距离变为了默认值0,所以删除后content会跑到ul下。
2、绝对定位也会使元素脱离文档流。
设置了绝对定位、固定定位后均可以使用top设置元素距离参照元素上边框的距离。
祝学习愉快~
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星