我們在css+div布局學習（一）—div布局基礎
這篇文章裡面講解了基本的布局方法，footer內有clear:both;屬性就一句帶過了，事後想了一下對於清理還是有些話要講清楚的。那我就開闢一篇專門講一下。
masthead
sidebar_a
sidebar_b
content
footer
這個布局的css複習一下：
#masthe ad
#sideba r_a
#sideba r_b
#conten t
#footer
如果我們去掉#footer 裡面的 clear : both ; 屬性，好像也沒有太大的區別。那我們再來看看改變一下布局內div的高度後會怎麼樣呢？
masthead
sidebar_a
sidebar_b
content
footer:去掉了clear: both;屬性哦！
這個布局不好看啊，因為foot這個塊跟在content塊的流後面，因此兩邊的浮動塊也會被它包圍。（我現在的話也應該是「圍繞」在sidebar_b左面的，因為沒有被清理！）
clear屬性有4個值：left、right、both和none；none這個值沒有什麼好說的，我們一開始清理了footer的兩邊，那清理一邊會有怎麼樣的效果呢？
masthead
sidebar_a
sidebar_b
content
footer:使用clear:left;屬性哦！
有了這幾張的效果圖，應該很好理解這個屬性了。在有兩個邊欄的情況下，footer使用clear:both;是比較穩妥的。
css div頁面布局詳解（二）
css復合選擇器 後代選擇器 語法格式 選擇器1 選擇器2後代選擇器中用空格分開 子代選擇器 語法格式 選擇器1 選擇器2後代選擇器使用者大於號分開 並集選擇器 語法格式 選擇器1,選擇器2並集選擇器用逗號分開，最後乙個選擇器不需要逗號 交集選擇器 語法格式 選擇器1選擇器2既 又 的關係應用場景不...
Css Div布局學習（一） Div布局基礎
如果我們要進行css的布局，那float 浮動 就是最為關鍵的乙個屬性了。浮動可以使你的塊元素不遵守元素流的布局特性，如果不採用浮動，元素將乙個接乙個地往下排列。float屬性有三個值 left right和none，後面我們就會使用這些值的。我們將使用事例來說明布局的特性。我們做乙個html檔案，...
Css Div布局學習（四） 關於hack
並不是每乙個瀏覽器都可以正確顯示設定的css，那有什麼辦法可以讓一些css使每乙個流行的瀏覽器都可以一致的顯示出網頁。哈哈，世界上真的有這麼好的事情，可以將一些不相容的情況統一，這一類都叫做css hack。我下面就簡單得介紹乙個css hack。在任何標準相容的瀏覽器中，針對包含其它元素的元素，其...