Css之相容問題

常見的相容問題

1、不同的瀏覽器預設的margin和padding不同

2、float之後跟著margin設定

這樣產生的問題是後面的乙個會計元素會被頂到下一行。這也遇到了，就是ie6對margin顯示的比設定的大。因此，對布局造成了影響。要知道css的布局進度是px級的。那麼應對方法是在float控制中，加入display：inline，將浮動的元素轉化為行內屬性。

3、浮動的另乙個問題

浮動的使用是我們對網頁的布局靈活不少，同時這個功能也常常給我們造成一些麻煩。我自己在做的時候，就更覺跟不上它的效果。經常出現不能想象的結果。對乙個div塊進行浮動，而包含它的div塊元素沒有浮動。這樣就會造成錯位，常常是整個也面的錯位。好亂看著。

所以，當你對子div快進行浮動時，需要對其父div塊也進行浮動。這是最簡單的途徑。網上給的方法還有：在父div塊中加上overflow:auto。但是在ie中還需要加上：「_height:1%」。

那麼以上都這次遇到的問題，網上還說了很多我沒遇到的問題，暫時先不管了。也不太理解。

css的使用技巧：

1、hack

height：100px; 所有瀏覽器都通用

_heigth：100px; ie6專用

*+height:100px; ie7專用

*height：100px; ie6,ie7公用

height：100px;!imoprtant ie7\ff公用

使用這些特殊的符號標記時需要非常注意，因為瀏覽器解釋css時會用優先順序高的去替代優先順序低的設定。本篇部落格到此結束，拖了好多天！