CSS中有一個非常重要的懸浮屬性float。float屬性的作用是讓元素浮動起來，脫離文檔流，與其他元素并排排列，非常實用。

/*浮動到左邊*/
.float-left{
float: left;
}
/*浮動到右邊*/
.float-right{
float: right;
}

當需要讓圖片與文字并排顯示的時候，使用float屬性可以達到很好的效果。比如：

<p>文章正文正文正文正文normalnormalnormalnormal…</p>
<img src="image.jpg" class="float-right" width="300" height="200">

這段代碼中，圖片向右浮動，文字保持不動。圖片的寬度為300像素，高度為200像素。

需要注意的是，如果父元素沒有設置高度，則會出現父元素高度塌陷的問題。為了解決這個問題，可以在父元素中添加overflow屬性，例如：

.container{
overflow: hidden;
}
.container p{
float: left;
width: 50%;
padding: 10px;
box-sizing: border-box;
}

這段代碼中，容器元素.container沒有設置高度，但是添加了overflow: hidden屬性。子元素p的寬度為50%，并且使用了box-sizing: border-box屬性。

總的來說，float屬性在設計網頁布局時非常有用，但是需要注意清除浮動并解決父容器高度塌陷的問題。這些問題可以使用clearfix類或偽元素選擇器:before和:after來解決。