網(wǎng)頁(yè)設(shè)計(jì)外邊距很有用,但同時(shí)也存在很多問題——毫不奇怪,這些問題都圍繞著Netscape Navigator 4.x(NN4.X)。
第一個(gè)問題是,Navigator 4.x會(huì)把外邊距規(guī)則指定的外邊距增加到其默認(rèn)外邊距,而不是用其取代默認(rèn)值。例如,請(qǐng)考慮:
h1 {margin-bottom:0;}
p {margin-top:0;.}
NN4.X顯示元素時(shí)其間通常有空白,因?yàn)樗鼘?增加到其自己的默認(rèn)外邊距。如果想A蓋這個(gè)空白,可以使用負(fù)外邊距,如將段落的上外邊距設(shè)置為-1em。但網(wǎng)頁(yè)設(shè)計(jì)人員用這種解決方法的問題是缺乏通用性。如此一來,網(wǎng)站建設(shè)CSS兼容的瀏覽器就會(huì)使文本重疊,因?yàn)檫@些瀏覽器會(huì)替換段落的上外邊距(而不是使之相加)。
遺憾的是,還有更糟糕的問題。如果對(duì)行內(nèi)元素應(yīng)用外邊距,布局將或多或少地過于分散。NN4.X認(rèn)為所有元素(不論是否是行內(nèi)元素)的外邊距都相對(duì)于瀏覽器窗口的左邊界。這絕對(duì)是錯(cuò)誤的。遺憾的是,如果網(wǎng)站建設(shè)人員有很多使用NN4.X的訪問者,在行內(nèi)元素上使用外邊距就很危險(xiǎn),決不能等閑視之。好在對(duì)NN4.X隱藏CSS很容易,從而可以對(duì)文檔設(shè)置樣式,而不必?fù)?dān)心NN4.X破壞樣式(當(dāng)然,這里假設(shè)你仍然關(guān)心頁(yè)面在NN4.X中的外現(xiàn))。
當(dāng)前文章標(biāo)題:網(wǎng)頁(yè)設(shè)計(jì)中的外邊距歷史問題
當(dāng)前URL:http://www.gtalker.cn/news/wzzz/From-history.html