武林網(wǎng)(www.companysz.com)文章簡(jiǎn)介：在div+css中的時(shí)候你可能會(huì)遇見這樣的情況，ie6和ff瀏覽器下面某個(gè)div的背景是可以正常顯示的，但是ie7下卻無端失蹤了背景.

在div+css中的時(shí)候你可能會(huì)遇見這樣的情況，ie6和ff瀏覽器下面某個(gè)div的背景是可以正常顯示的，但是ie7下卻無端失蹤了背景！？？？什么回事？原因很簡(jiǎn)單.假如css的盒子模型下，以下html代碼:

<div class="foot"><div class="font"><a>font</a></div><div class="font2"><a>font2</a></div></div>

被設(shè)置的css代碼為：

.foot;;;;//img.jpg高為100px}..font2

根據(jù)盒子模型，這個(gè)foot的div所占據(jù)的豎直方向的空間為30+100+10+里層div占據(jù)空間>140px，理論上除去上間隙的30px和下邊框的10px剩下的填充+子層占據(jù)的空間里面應(yīng)該可以出現(xiàn)高為100px的背景img.jpg，實(shí)際上IE6跟FF上面也出現(xiàn)了，但是IE7會(huì)因?yàn)閒oot(class是foot的div)里面的div(這里指的是font和font2)并沒有設(shè)置高度而認(rèn)為foot的高度是0，因此背景圖片是看不見的。
解決辦法就很簡(jiǎn)單了：設(shè)置里層div高度（或者讓里層div被撐大）或者直接設(shè)置foot的高度。當(dāng)然直接設(shè)置foot的高度的話，里面子層div豎直占位發(fā)生變化，甚至超出foot范圍時(shí)，就又要考慮div的自動(dòng)擴(kuò)展問題了。所以看著辦吧。