老师为什么第三种方法是常用的啊,在开发中,用第三种方法有什么优点吗 ?
来源:2-14 编程练习
慕用6004130
2020-02-07 21:20:40
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.per{
width: 300px;
height: auto;
border:2px solid #aaa;
zoom:1;
}
.li{
width: 100px;
height: 100px;
background: red;
margin: 5px;
float: left;
}
/*此处写代码*/
.clearfix:after{
content:".";
height:0;
display:block;
visibility:hidden;
clear:both;
}
.clearfix{
zoom:1;
}
</style>
</head>
<body>
<div class="per clearfix">
<div class="li"></div>
<div class="li"></div>
<!-- 此处写代码 -->
</div>
</body>
</html>
1回答
同学你好,因为项目中肯定会有很多地方都清除浮动,使用第三种方式,只在css样式中定义一次。哪里需要清除浮动,就在哪里加一个清除浮动的类名即可。使用方便,并且节约代码,不需要每一个地方都写一次清除浮动,所以比较常用。
如果我的回答帮助到了你,欢迎采纳,祝学习愉快~
相似问题