5-4编程练习
来源:5-4 编程练习
Sherlock_Lzh
2019-07-17 20:59:07
<!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;
}
/*此处写代码*/
.clear::after{
content:" ";
visibility:hidden;
height:110px;
display:block;
}
</style>
</head>
<body>
<div class="per">
<div class="li"></div>
<div class="li"></div>
<!-- 此处写代码 -->
<div class = "clear"></div>
</div>
</body>
</html>
题目的代码是这么写吗?
1回答
同学你好,根据题目要求,是给clear的div设置clear:both;用来清除浮动,如:

所以在css代码中,应该是如下:

如果我的回答解决了你的疑惑,请采纳。祝:学习愉快~
相似问题