2-14編程練習,請老師看一下!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.per{
width: 300px;
height: auto;
border:2px solid #aaa;
overflow:hidden;
}
.li{
width: 100px;
height: 100px;
background: red;
margin: 5px;
float: left;
}
/*此处写代码*/
.clear{clear:both;}
/* .clearfix{ */
/*content:'.'; */
/* height:0; */
/* display:block; */
/* visibility:hidden; */
/* clear:both;}*/
</style>
</head>
<body>
<div class="per clearfix">
<div class="li"></div>
<div class="li"></div>
<!-- 此处写代码 -->
<div class="clear"></div>
</div>
</body>
</html>1
收起
正在回答
1回答
同学你好,
overflow:hidden;以及添加一个空标签clear写法是正确的。
但是clearfix写法是错误的哦,添加在父元素上就需要用伪类了,如下:

自己可以测试下,祝学习愉快!
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星