本文來(lái)自：tantek.com

我們定義一個(gè)最基本的層：

div.boxtest{ border:20px   solid #60A179;padding: 30px;background :  #ffc;width : 400px;}

標(biāo)準(zhǔn)情況下，這個(gè)盒的寬度是:20 30 300 30 20=400px。

但是在IE5.0瀏覽器中，對(duì)盒模型的寬度解釋有個(gè)bug，它認(rèn)為300 px是整個(gè)盒的總寬度，內(nèi)容的寬度變成：300-20-30-20-30=200px。

為了彌補(bǔ)這個(gè)bug，采用一個(gè)技巧：即增加一個(gè)IE5不能解釋的聲音屬性"voice-family",讀到這個(gè)定義時(shí)瀏覽器就不再繼續(xù)閱讀，認(rèn)為寬就是400px，但而其他符合標(biāo)準(zhǔn)的瀏覽器會(huì)繼續(xù)閱讀，并執(zhí)行第二個(gè)真實(shí)值300px。

div.content{border:20px solid #60A179;; padding:30px;background: #ffc;width :400px;voice-family :   "/"}/"";voice-family :inherit;width :  300px;}

同樣，在Opera7.0以前的瀏覽器也有這樣的解析bug。但我們并不需要使用偽值，有更簡(jiǎn)單的辦法解決這個(gè)問(wèn)題： html>body .content { width :300; }