由於浮動框不在文件的普通流中，所以文件的普通流中的塊框表現得就像浮動框不存在一樣。
如果在頁面中輸入了3個div 標籤，因為div是塊級元素，所以這3個div各佔一行，但是你為第乙個div設定了float:right; 浮動是第乙個div脫離就正常的文件流，所以第乙個div的位置空間 也就空了出來，下面兩個div 自動往上移佔據第乙個div的空間。
然後我為第乙個div 設定浮動 float:right 這是你看效果
如果我們想讓這3個div 在同一行其實很簡單，只要為第二個div設定右浮動就好了，因為是這樣：
##浮動元素的左（或右）外邊界必須是源文件中之前出現左浮動（或右浮動）元素的右（左）外邊界。
所以 第二個 div 右外邊界與第乙個div左邊界相對齊。又因為第二個div浮動了，也就是他佔據文件的空間也就讓出來了。所以第3個div自動向上補起來。 因為我這3個div width分別是20% ，60%，20%。所以長度正好等於瀏覽器長度。效果圖：
用CSS讓DIV上下左右居中的方法
例如 乙個父div w 100 h 400px 中有乙個子div w 100px 100px 讓其上下左右居中。利用 單元格的居中屬性。注 當父div的行高等於自身高度時，內部的行內元素會上下居中顯示。行內塊沒有固定高度時也會上下居中顯示。通過文字居中屬性 text align center,可以使...
用CSS讓DIV上下左右居中的方法
例如 乙個父div w 100 h 400px 中有乙個子div w 100px 100px 讓其上下左右居中。利用 單元格的居中屬性。注 當父div的行高等於自身高度時，內部的行內元素會上下居中顯示。通過文字居中屬性text align center,可以使內部行內元素左右居中顯示。123 利用定...
讓div在頁面居中的方法
就是在div的style中加入margin 0 auto 並且此div不能為float型別。但是還有一點，普通的html是不支援這樣寫的，必須在html上面加入一行就可以了。有些html是這樣寫的 那個xmlns是命名空間 詳見我的另一篇關於xml的文章 關於的說明 宣告位於文件中的最前面的位置，處...