                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /从 psd 到 html

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

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

roy2020china

2016-12-25

源自：从 psd 到 html 2-1

关注问题我要回答

1034

操作

收起

2 回答

qq_苏慕遮_24019744 回答被采纳 +3 积分
2016-12-26

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

1 回复有任何疑惑可以回复我~

收起回答

roy2020china 提问者

非常感谢！还有三个问题

2016-12-27 回复有任何疑惑可以回复我~

roy2020china 提问者

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

2016-12-27 回复有任何疑惑可以回复我~

qq_苏慕遮_24019744
2016-12-28

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

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

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

1 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

从 psd 到 html

参与学习 105471 人
解答问题 410 个

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

进入课程

本课相似问答

2 回答伪元素谁能讲讲这段代码啊？

2 回答谁有photoshop的安装包，能不能发给我一下

3 回答能详细讲解一下为什么要用clearFloat么?

3 回答谁下载了psd图？求分享一下

3 回答谁有全套代码，跟着敲太痛苦了

搜索更多本课相关问答

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

我要回答关注问题

热搜

最近搜索清空

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

2 回答

本课相似问答

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