DIVCSS浮動float的兼容的技巧

大家知道DIVCSS浮動float的兼容嗎?下面我們就給大家詳細介紹一下吧!我們積累了一些經驗，在此拿出來與大家分享下，請大家互相指正。

一、並排在一行的兩個div樣式有這種情況：ie或者ff下對於子div設置float左的時候，如果另外的子div沒有設置float左的話，兩個浏覽器下會有區別，具體有一個會產生間隙。兼容做法就是都設置float屬性。但是記住有設置過float就要將float clear掉，不然下面的div會疊在已float的div上。我通常把清除浮動寫成單獨的

二、在上述1情況中需要設置子div的寬度，假如不設置的話子div的寬度會被默認為母div的100%，這樣float根本就產生不了效果。當然還可以用display:inline的方法讓兩個子div並排,但是這樣的話div的寬度設置將會失效(要把子div撐大只能考裡面的元素)。

三、ie中母div被設置成特定高度之後，假如裡面的子div高度(有float的話就以清除float的div的最底為總高度)超過了母div設置的高度,ie會自動把母div撐大，但是ff卻不能，ff中母div的高度會依然，裡面的子層會溢出到外面來。兼容方法：不要設置母層高度。

相信大家已經學會DIVCSS浮動float的兼容了吧!感謝大家對我們網站的支持!

相關推薦：

CSS兼容的技巧介紹