1、採用 max-width 代替 width；
margin: 0 auto 進行居中；
2、
*
static：預設，表示不會被特殊的定位，即不會被「positioned」
relative：相對定位，top bottom right left設定偏離正常位置，但元素原來位置仍然保留，所以可能覆蓋其他元素，仍處於文件流中
fixed： 固定定位，頁面滾動位置也不變，比如一直在最下角
absolute：絕對定位，脫離文件流，相對的是最近的「positioned」祖先元素，如果沒有，相對於body元素
浮動會脫離文件流，最好加乙個空元素清除浮動，否則浮動元素不會包含在大框裡面。
使用浮動可以實現一行有多個框，但是有一種更簡單的方式是設定為行內塊：
1、破壞性
float設計初衷是為了文字環繞效果：
但是由於會脫離文件流，會導致高度塌陷
2、包裹性
普通的div樣式是block，所以一行只能由乙個塊，如果沒有設定寬度會撐滿整個螢幕，但是設定了float之後會包裹內容。
3、清空格
第乙個圖中，多個img標籤前後會有換行，而瀏覽器識別換行為空格，但是float之後，就清除了空格。
本質是由於脫離文件流，所以換行什麼的和它無關，盡量向一邊靠攏。
css布局學習筆記
對於大多數元素它們的預設值通常是 block 或 inline 乙個 block 元素通常被叫做塊級元素。乙個 inline 元素通常被叫做行內元素。當瀏覽器視窗比元素的寬度還要窄時，瀏覽器會顯示乙個水平滾動條來容納頁面。在這種情況下使用 max width 替代 width 可以使瀏覽器更好地處理...
精通css筆記 布局
一 居中 1 自動空白邊 margin 0 auto 2 相對定位加負值空白邊 position relative left 50 margin left 50 二 浮動布局 1 兩列浮動布局 float left float right 2 三列浮動布局，把兩列中的一列再分成兩列 三 流體布局 以...
CSS頁面布局筆記
父元素和子元素的寬度都未知 child parent優點 相容性好 缺點 子元素文字繼承了text align屬性，子元素要額外加text align left child優點 只需要設定子元素的樣式 parent child優點 只需要設定父元素的樣式 缺點 相容性問題 parent child父...