Document
.box{
width:500px;
background-color: darkcyan;
}
.box1{
width:200px;
height:600px;
background-color: darkorchid;
margin-top:200px;
}
.box2{
width:200px;
height:200px;
background-color: darksalmon;
clear:both;
/* clear:left; 清除左浮动的影响。
clear:right; 清除右浮动的影响。
clear:both; 清除对自己影响最大的那个浮动。
*/
}
.clearfix::before,
.clearfix::after{
content:'';
display: table;
clear: both;
}
/* 利用clearfix类可以解决高度塌陷和外边距重合问题 */
一键复制
编辑
Web IDE
原始数据
按行查看
历史
