假如我們的網(wǎng)站排版方式是縱向的，比如兩列、三列（當然還可以更多）。這樣的排版我們就會用到 float 例：排成三列的格局。代碼如下：


　　這里我們打算把subcol放在左側，maincol放在中間，xcol放在右側。CSS的寫法如下：


　　似乎這樣就沒問題了！但是事實上我們可以發(fā)現(xiàn)背景卻沒有伸展的意思，這是因為背景的自適應高度并不繼續(xù)float的高度，如何解決這個問題呢？如下分析：

　　背景會繼續(xù)float底線所在容器中的位置高度，所以背景一定會找到最后一個標簽去測定，這樣我們在所有的float下方下如下的標簽：

　　<div style="clear:both;"></div>

　　這個標簽中什么也不放。也就是一個沒有高度的空容器，這樣它就可以把背影拉下來了。

　　事實上在實際操作中還是會有很多問題會出現(xiàn)，這就需要我們以冷靜的頭腦去分析與解決了！