對于我這種初學者來說，浮動真的是讓我待如初戀（咬牙切齒），有的時候你讓它往東，它偏向西，真的是腦殼疼，所以打算整理一下思路：
對于一個網頁的排版可分為兩種情況（橫向和縱向）
1.縱向區塊，則每個區塊寫出一個div即可，因為div是獨占一行的（塊級元素）
2.橫向區塊，則
a . 同樣每個區塊寫出一個div，且每個div都進行浮動；
b . 有需要則設置各個div需要的寬度，但總和不超過父盒子的寬度。
c . 有必要也設置各自高度，以及顏色背景或邊框，以出現明顯的視覺效果，這樣有助于排錯；
d . 處理父盒子的高度：在最后位置設置一個用于清除浮動的div（這樣父盒子才“表現正?！保驅Ω负凶邮褂胦verflow:hidden;或設置一個固定的高度以包住里面的盒子（里面盒子高度固定的情況下可用）。這一點很有必要。
布局一定要注意：
橫向排列的布局需要用到浮動（一左一右，兩左一右，或者都靠左）
只要有浮動元素，一定要考慮父元素的高度問題，如果不對其進行約束，就會使得父元素受其子元素的影響浮動起來，就會使得縱向位于父元素下面的縱向區塊向上移動，從而使的父元素無法正常的顯示
約束方式：
a. 設定固定高；
b. 清除浮動以獲得自然高
? 父元素使用overflow：hidden；
? 父元素的最后位置額外加一個div并設置其clear:both;
本站文章版權歸原作者及原出處所有 。內容為作者個人觀點， 并不代表本站贊同其觀點和對其真實性負責，本站只提供參考并不構成任何投資及應用建議。本站是一個個人學習交流的平臺，網站上部分文章為轉載，并不用于任何商業目的，我們已經盡可能的對作者和來源進行了通告，但是能力有限或疏忽，造成漏登，請及時聯系我們，我們將根據著作權人的要求，立即更正或者刪除有關內容。本站擁有對此聲明的最終解釋權。
