萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> DIVCSS浮動float的兼容的技巧

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兼容的技巧介紹 

copyright © 萬盛學電腦網 all rights reserved