li設為display:inline-block，然後ul乙個text-align:center，美中不足的是ie6,7不認識display:inline-block。
解決辦法：在原先display:inline-block；下加上*display:inline;zoom:1;這兩句即可。display:inline使li排成一行，zoom:1則觸發li的haslayout。
當子元素float ,父元素強制包裹子元素可以都float ,也可以 父元素：overflow：hidden ;zoom:1;
haslayout可以簡單看作是ie5.5/6/7中的bfc(block formatting context)。也就是乙個元素要麼自己對自身內容進行組織和尺寸計算(即可通過width/height來設定自身的寬高)，要麼由其containing block來組織和尺寸計算。而ifc（即沒有擁有布局）而言，則是元素無法對自身內容進行組織和尺寸計算，而是由自身內容來決定其尺寸（即僅能通過line-height設定內容行距，通過行距來支撐元素的高度；也無法通過width設定元素寬度，僅能由內容來決定而已）
當haslayout為true時(就是所謂的"擁有布局")，相當於元素產生新bfc，元素自己對自身內容進行組織和尺寸計算;
當haslayout為false時(就是所謂的"不擁有布局")，相當於元素不產生新bfc，元素由其所屬的containing block進行組織和尺寸計算。
css相容問題
ie6 可以在屬性前加 ie7 可以在屬性前加 ie8 可以在屬性前加 什麼都不加就是火狐的標準 比如 margin是調火狐的 margin是調ie6的 margin是調ie7的 margin是調ie8的.其實，在實際的開發過程中，我們對常見的css屬性相容情況了然於胸，才能極大的提高我們的開發效率...
css相容問題
1.就是 ie6 雙倍邊距的問題，在使用了 float 的情況下，不管是向左還是向右都會出現雙 倍，最簡單的解決方法就是用 display inline 加到 css 裡面去。2.文字本身的大小不相容。同樣是 font size 14px 的宋體文字，在不同瀏覽器下佔的空間是不一樣的，ie 下實際佔...
css相容問題
谷歌 低版本 4.0 43.0 webkit 火狐 低版本 5.0 16.0 moz ie9 不支援 解決方法 ie8 不支援 ie8 不支援 ie8 ie8及ie8以下不支援 谷歌 低版本 12.0 36.0 webkit 火狐 低版本 10.0 16.0 moz ie9 不支援 backgrou...