為了可以查看到效果，建議在#sidebar 和#mainbody 中加入以下代碼，預(yù)覽完成后可以刪除這段代碼：
border:1px solid #E00;
height:200px
保存預(yù)覽效果，可以發(fā)現(xiàn)這兩個(gè)層完美的浮動(dòng)，在達(dá)到了我們布局的要求，而兩個(gè)層的實(shí)際寬度應(yīng)該
160+2(border)+570+2=734px，已經(jīng)超出了父層的寬度，由于 clear 的原因，這兩個(gè)層才不會(huì)出現(xiàn)錯(cuò)位的情況，這樣可以使我們布局的頁(yè)面不會(huì)因?yàn)閮?nèi)容太長(zhǎng)(例如圖片)而導(dǎo)致錯(cuò)位。
而之后添加的 overflow:hidden 則可以使內(nèi)容太長(zhǎng)(例如圖片)的部份自動(dòng)被隱藏。通常我們會(huì)看到一
些網(wǎng)頁(yè)在載入時(shí)，由于圖片太大，導(dǎo)致布局被撐開，直到頁(yè)面下載完成才恢復(fù)正常，通過添加
overflow :hidden 就可以解決這個(gè)問題。
CSS 中每一個(gè)屬性運(yùn)用得當(dāng)，就可以解決許多問題，或許它們與你在布局的頁(yè)并沒有太大的關(guān)系，但 是你必須知道這些屬性的作用，在遇到難題的時(shí)候，可以嘗試使用這些屬性去解決問題。
，我們將會(huì)及時(shí)處理。
