问答详情
源自:2-1 样式文件和初始化

HTMLd页数初始化----谁能解释一下这几行代码的作用?

.clearfloat {zoom:1}
.clearfloat:after{
display:block;
clear:both;
content:'';
visibility:hidden;
height:0;
}

提问者:roy2020china 2016-12-25 23:33

个回答

  • qq_苏慕遮_24019744
    2016-12-26 10:00:48
    已采纳

    在.clearfloat后面定义一个块级属性,内容为空,行高为0,不可见,清除浮动,用来撑起父元素,防止父元素高度为0

  • qq_苏慕遮_24019744
    2016-12-28 09:18:53

    第一个问题,当子元素浮动,他就脱离了dom,这个时候父元素里面的内容是空的,因此不具有高度。

    2.这个块是不会被使用,只是用来撑空间的,所以不用被看到

    3.zoom:1是缩放一倍,也就是没有变化,好像没什么太大的意义,我个人觉得这是用来定义clearfloat属性,让她有内容,好让后面的:after能有主体吧