请老师检查！！！
来源：5-4 编程练习
Ctrlzhao
2019-11-05 14:46:02
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.per{
width: 300px;
height: auto;
border:2px solid #aaa;
}
.li{
width: 100px;
height: 100px;
background: red;
margin: 5px;
float: left;
}
/*此处写代码*/
/*.clearClass{*/
/* clear:both;*/
/*}*/
.clearClass{
content:"";
visibility:hidden;
height=0px;
clear:both;
}
</style>
</head>
<body>
<div class="per">
<div class="li"></div>
<div class="li"></div>
<!-- 此处写代码 -->
<div class="clearClass"></div>
</div>
</body>
</html>
1回答
-
好帮手慕酷酷
2019-11-05
同学你好，代码编写的不错，建议也可以使用::after伪元素的方式进行清除浮动，将其转换为块元素。
具体如下：
.clearClass::after{ content:""; visibility:hidden; height=0px; display: block; clear:both; }如果我的回答解决了你的疑惑，请采纳！祝学习愉快！
0
