CSS浮動樣式是網(wǎng)頁設(shè)計中常用的一種效果，它可以使元素沿著頁面流動而不受到頁面中其他元素的阻礙。

要使用浮動樣式，需要在CSS中為元素指定浮動值，通常有l(wèi)eft、right、none三種取值。

.box{
float: left; /*讓布局向左浮動*/
width: 200px;
height: 200px;
margin-right: 20px; /*設(shè)定左右間距*/
background-color: #ccc;
}

浮動樣式常用的地方有圖片、文字、導(dǎo)航欄等。

.nav{
float: left;
width: 960px;
background-color: #333;
}
.nav ul{
list-style: none;
margin: 0;
padding: 0;
}
.nav ul li{
float: left;
}
.nav ul li a{
display: block;
padding: 10px 20px;
color: #fff;
text-decoration: none;
}

需要注意的是使用浮動樣式時，應(yīng)該清除浮動影響以避免布局錯亂。

.clearfix:after {
display: block;
content: "";
clear: both;
}
.clearfix {
*zoom: 1;
}

以上便是CSS浮動樣式的基本概念和用法，熟練掌握有助于更好地實現(xiàn)網(wǎng)頁布局。