<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
<!-- 清除伪类浮动-->
.clearfix:after{
content: "";
display: block;
height: 0;
clear:both;
visibility: hidden;
}
<!-- 兼容ie 6,7-->
.clearfix{*zoom:1;}
.father{
background-color: pink;
width: 600px;
border: 1px solid #000;
}
.bigson{
float: left;
width: 200px;
height: 200px;
background-color: red;
}
.twoson{
float: left;
width: 300px;
height: 300px;
background-color: yellow;
}
.two{
width: 500px;
height: 300px;
background-color: green;
}
</style>
</head>
<body>
<div class="father clearfix">
<div class="bigson"></div>
<div class="twoson"></div>
</div>
<div class="two"></div>
</body>
</html>
浮动之清除after伪元素
最新推荐文章于 2024-07-18 09:41:01 发布