5.1 布局的基本概念
多欄布局有三種基本實現方案：固定寬度、流動、彈性
固定寬度
固定寬度布局的大小不會隨使用者調整瀏覽器視窗大小變化，一般是900到1100畫素寬度。其中960畫素是最常見的，因為這個寬度適合所有現代瀏覽器。
960 grid
流動布局
流動布局的大小會隨使用者調整瀏覽器視窗大小而變化。這種布局能夠更好地適應大螢幕，但同時也意味著放棄對頁面某些方面的控制。
這種可變的固定布局能夠適應最大和最小螢幕，業界稱為響應式設計。
彈性布局
布局高度與布局寬度
布局高度：多數情況下，布局中結構化元素的高度是不必設定的。
布局寬度：需要精細控制布局寬度
控制布局寬度，內容決定布局高度
為欄設定內邊距和邊框
為固定寬度的元素新增水平外邊距、邊框、內邊距，會導致元素盒子變寬。
1)重設寬度以抵消內邊距和邊框
2)給容器內部的元素應用內邊距和邊框
沒有寬度的元素在水平方向上會適應其父元素，其內容會隨著外邊距、邊框、內邊距的增加而減少。
得出乙個結論：如果布局中的欄是浮動的，而且都設定的寬度，你根本不需要去動它！要動，就把內容放在內部div裡，動這個div。
3)使用box-sizing:border-box
類應該用於標記具有相同特徵的元素
使用內部div在浮動元素中生成間距，而又不會改變布局的總寬度。
font-family 屬性應該使用若干種字型名稱作為回退系統，以確保瀏覽器/作業系統之間的最大相容性。如果瀏覽器不支援第乙個字型，則會嘗試下乙個。
請以您喜歡的字型開始，並以通用字型系列結束，以便使瀏覽器在通用系統中挑選相似的字型，如果沒有
font-family 屬性應該使用若干種字型名稱作為回退系統，以確保瀏覽器/作業系統之間的最大相容性。如果瀏覽器不支援第乙個字型，則會嘗試下乙個。
請以您喜歡的字型開始，並以通用字型系列結束，以便使瀏覽器在通用系統中挑選相似的字型，如果沒有
font-family 屬性應該使用若干種字型名稱作為回退系統，以確保瀏覽器/作業系統之間的最大相容性。如果瀏覽器不支援第乙個字型，則會嘗試下乙個。
請以您喜歡的字型開始，並以通用字型系列結束，以便使瀏覽器在通用系統中挑選相似的字型，如果沒有
font-family 屬性應該使用若干種字型名稱作為回退系統，以確保瀏覽器/作業系統之間的最大相容性。如果瀏覽器不支援第乙個字型，則會嘗試下乙個。
請以您喜歡的字型開始，並以通用字型系列結束，以便使瀏覽器在通用系統中挑選相似的字型，如果沒有
font-family 屬性應該使用若干種字型名稱作為回退系統，以確保瀏覽器/作業系統之間的最大相容性。如果瀏覽器不支援第乙個字型，則會嘗試下乙個。
請以您喜歡的字型開始，並以通用字型系列結束，以便使瀏覽器在通用系統中挑選相似的字型，如果沒有
font-family 屬性應該使用若干種字型名稱作為回退系統，以確保瀏覽器/作業系統之間的最大相容性。如果瀏覽器不支援第乙個字型，則會嘗試下乙個。
請以您喜歡的字型開始，並以通用字型系列結束，以便使瀏覽器在通用系統中挑選相似的字型，如果沒有
font-family 屬性應該使用若干種字型名稱作為回退系統，以確保瀏覽器/作業系統之間的最大相容性。如果瀏覽器不支援第乙個字型，則會嘗試下乙個。
請以您喜歡的字型開始，並以通用字型系列結束，以便使瀏覽器在通用系統中挑選相似的字型，如果沒有
css設計指南 筆記5
position static 靜態定位 position relative 相對定位 top 25px left 30px 相對於原本在文件流中的位置的偏移，原來佔據的空間沒有動，其他元素也沒有動 position absolute 絕對定位 top 25px left 30px 脫離文件流，相對...
CSS 頁面布局
幾個實現多欄布局的方法。主要介紹使用內部div來建立浮動的欄。多欄布局有三種基本的實現方案 固定寬度 流動 彈性。固定寬度布局的大小是隨使用者調整瀏覽器視窗大小而變化，一般是900至1100畫素寬。其中960畫素是很常見的，因為這個寬度適合所有的現代瀏覽器，而且能被16 12 10 8 6 5 4和...
css頁面布局
總結 布局1 0 內聯元素對設定寬 width 和高 height 不敏感 1 如果子元素是乙個塊級元素 block 或者被設定為塊級元素，我們可以對子元素使用margin 0 auto居中。class container class sub1 2 如果子元素是乙個內聯元素或者被設定為內聯 內聯塊元...