CSS3的浮動換行是一種非常有用的技術，能夠使網頁布局更為靈活。
浮動是指元素在文檔流中脫離原本的位置，被移動到其父容器的一側。當一個元素浮動之后，父容器將會調整自身的大小以適應這個元素，同時其他元素也會被推到這個元素的下方或者另一側。
.box {
float: left;
width: 100px;
height: 100px;
background-color: red;
margin-right: 10px;
}在上面的代碼中，我們將一個寬度為100像素，高度為100像素的
元素設置為了左側浮動，同時在右側增加了10像素的外邊距。這個
元素的左側將會緊貼父容器，同時父容器將會根據這個元素的大小自適應調整寬度。
當多個元素設置了浮動之后，它們將會從上到下或者從左到右排列。此時，我們可以使用CSS3中的“清除浮動”技術，直接使浮動元素下方跟著的元素換行到下一行。例如：
.clear {
clear: both;
}在這個例子中，我們給某個元素添加了clear:both樣式，這表示這個元素會被強制換行，跳出浮動的影響。
總的來說，CSS3的浮動換行技術是一種十分實用的技術，能夠幫助我們實現更靈活的網頁布局。但是需要注意的是，使用浮動布局也可能會引發一些問題，比如重疊、脫離文檔流等等。因此我們在設計網頁布局時，一定要謹慎使用，避免出現問題。
上一篇css3 泡沫