去浮动问题：为什么下面的代码clearfix不能去浮动
去浮动问题被搞了好久网上查了感觉好乱，为什么下面的代码clearfix不能去浮动，有没有大佬解释一下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>lianxi</title>
<style>
*{
margin: 0;
padding: 0;
}
html,body{
height: 100%;
}
.clearfix :after {
content: '';
display: table;
clear: both
}
/* .clearfix:after {
content:"\200B";
display:block;
height:0;
clear:both;
}
.clearfix{*zoom:1;}/*IE/7/6*/*/
.div1{
width: 50px;
height: 50px;
background: red;
float: left;
}
.div2{
width: 200px;
height: 50px;
background: blue;
}
</style>
</head>
<body>
<div class="clearfix">
<div class="div1">16</div>
<!-- <p style="clear: both;"></p> -->
<div class="div2">20</div>
</div>
</body>
<script>
</script>
</html>如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
你把
/*和/*IE/7/6*/*/去掉就好了。。。细心、格式、、、、