最近在做一個(gè)魔術(shù)網(wǎng)的div+css切割，昨晚發(fā)現(xiàn)了長(zhǎng)期以來(lái)一直無(wú)記錄下來(lái)的問(wèn)題！關(guān)于兼容IE跟FF的float屬性。趁現(xiàn)在還清醒趕緊記下筆記先：

　　一、并排在一行的兩個(gè)div樣式有這種情況：ie或者ff下對(duì)于子div設(shè)置float左的時(shí)候，如果另外的子div沒(méi)有設(shè)置float左的話，兩個(gè)瀏覽器下會(huì)有區(qū)別，具體有一個(gè)會(huì)產(chǎn)生間隙。兼容做法就是都設(shè)置float屬性。但是記住有設(shè)置過(guò)float就要將float clear掉，不然下面的div會(huì)疊在已float的div上。我通常把清除浮動(dòng)寫成單獨(dú)的<div class=”clear”></div>放在所有浮動(dòng)div的最下方。

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

　　三、ie中母div被設(shè)置成特定高度之后，假如里面的子div高度（有float的話就以清除float的div的最底為總高度）超過(guò)了母div設(shè)置的高度,ie會(huì)自動(dòng)把母div撐大，但是ff卻不能，ff中母div的高度會(huì)依然，里面的子層會(huì)溢出到外面來(lái)。兼容方法：不要設(shè)置母層高度。