清除浮动之after伪元素法 - 锐客网 .box {
width: 800px;
border: 1px solid blue;
margin: 0 auto;
background-color: gray;
}
/* 清除浮动 */
.clearfix:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1;
}.damao {
width: 300px;
height: 200px;
background-color: purple;
float: left;
}
.ermao {
width: 200px;
height: 200px;
background-color: pink;
float: left;
}.footer {
height: 200px;
background-color: black;
}
大毛
二毛
二毛
二毛
二毛
二毛
【清除浮动之after伪元素法】
推荐阅读
- 背景图片(url(‘img/bg-showcase-2.jpg’);)
- H1,H2,H3标题中的粗体字体-92590
- 在Javascript中调用嵌套的div类。修改后的代码在WordPress中不起作用
- jQuery.load可以追加而不是替换吗()
- 如果用户正在查看自己的个人资料,可以在用户个人资料上显示一些文本,但是如果其他人正在查看个人资料,则可以将其隐藏吗()
- 似乎无法在wordpress中更改我的CSS代码
- 在样式化时排除特定的元素
- 更改面板图像大小WordPress 2017主题
- 更改WordPress中的默认分页样式