老师帮忙看看我是否理解正确
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.per{
width: 300px;
zoom:1;/*兼容IE浏览器*/
/*height: 110px; 给浮动元素父盒子加高度或者宽度*/
border:2px solid #aaa;
float: left; /*给父元素添加浮动,父元素和父元素同级会造成塌陷,需要再次清除,比较麻烦*/
/*overflow: hidden; 第一种 元素不设置宽度设置overflow: hidden;会撑开盒子*/
}
/*.per:after{
content: ""; 添加伪元素,相当于父元素内最后加了一个盒子.
height: 0px;
display: block;
visibility: hidden;
clear: both;
}*/
/*.clear{
clear: both; 直接在浮动元素最后添加一个盒子,然后让盒子抗浮动来撑开,和添加伪元素道理一样
}*/
.li{
width: 100px;
height: 100px;
background: red;
margin: 5px;
float: left;
}
/*此处写代码*/
</style>
</head>
<body>
<div class="per">
<div class="li"></div>
<div class="li"></div>
<!-- 此处写代码 -->
<div class="clear"></div>
</div>
</body>
</html>
正在回答
同学你好， 首先你的理解都是正确的。然后zoom:1;直接写在父元素的标签里面是可以的
老师 给清除浮动单独设置一个类名是为了当成公共的样式，因为实际开发中，一个页面可能会有很多需要清除浮动的地方，这样每一个地方直接添加这个类名即可
不过目前我们在学习阶段， 直接在写父级元素标签中也是可以的哦
如果帮助到了你， 欢迎采纳！
祝学习愉快~~~
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星