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

来源:2-1 样式文件和初始化

roy2020china

2016-12-25 23:33

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

写回答 关注

2回答

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

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

    roy202...

    非常感谢!还有问题,1.“防止父元素高度为0”不明白。 2.为什么要写上"visibility:hidden" 3.为什么要写上“.clearfloat {zoom:1}”

    2016-12-27 20:57:47

    共 2 条回复 >

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

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

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

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

从 psd 到 html

教你把PSD设计稿转化成HTML,用案例来讲解基本流程

105471 学习 · 410 问题

查看课程

相似问题