css浮动全集 |css 禁止页面滚动条滚动条

1. 清除浮动

.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}

2. clearfix

.clearfix:after {
content: "";
display: table;
clear: both;
}

3. 左浮动布局

.left {
float: left;
width: 50%;
}
.right {
float: right;
width: 50%;
}

4. 右浮动布局

.left {
float: left;
width: 50%;
}
.right {
float: right;
width: 50%;
}

5. 文字环绕图片

img {
float: left;
margin-right: 10px;
}

这是CSS浮动的全集，掌握这些常用技巧将帮助你在布局和设计中更加得心应手。