你可以建立很多網格來鋪滿瀏覽器。在過去很長的一段時間內使用float是一種選擇，但是使用inline-block會更簡單。讓我們看下使用這兩種方法的例子：
我在浮動！
我在浮動！
我在浮動！
我在浮動！
我在浮動！
我在浮動！
我在浮動！
我在浮動！
我在浮動！
我在浮動！
我在浮動！
我在使用 clear，所以我不會浮動到上面那堆盒子的旁邊。
你可以用display屬性的值inline-block來實現相同效果。
我是乙個行內塊！
我是乙個行內塊！
我是乙個行內塊！
我是乙個行內塊！
我是乙個行內塊！
我是乙個行內塊！
我是乙個行內塊！
我是乙個行內塊！
我是乙個行內塊！
我是乙個行內塊！
我是乙個行內塊！
這次我可沒有用 clear 。太棒了！
你得做些額外工作來讓ie6和ie7支援inline-block。有些時候人們談到inline-block會觸發叫做haslayout的東西，你只需要知道那是用來支援舊瀏覽器的。如果你對此很感興趣，可以在前面那個鏈結中找到更詳細的資訊。否則我們就繼續下去吧。
css布局學習筆記
對於大多數元素它們的預設值通常是 block 或 inline 乙個 block 元素通常被叫做塊級元素。乙個 inline 元素通常被叫做行內元素。當瀏覽器視窗比元素的寬度還要窄時，瀏覽器會顯示乙個水平滾動條來容納頁面。在這種情況下使用 max width 替代 width 可以使瀏覽器更好地處理...
《學習CSS布局》學習筆記
近幾天做了乙個小的企業展示 雖然頁面是在模板的基礎上改的，但改的多了不熟悉css也很麻煩。正好我看到了學習css布局這個 於是補習了一下css知識。css的元素分為兩類 塊級元素和行內元素。display屬性就是控制元素的表現形式，它的值包括inline block和none等。none通常用於在不...
CSS學習筆記（四） CSS布局
css有三種布局模式 1 流動模式 flow 2 浮動模式 float 3 層模式 layer 流動模式 網頁布局在預設情況下，都是流動模式布局。1 在流動模式下，所有的塊狀元素寬度都為100 即預設情況下，所有的塊狀元素都佔據一行 2 所有的內聯元素都從左到右水平分布顯示 那麼問題來了，如果我們想...