網(wǎng)頁設(shè)計(jì)中的外邊距歷史問題

網(wǎng)頁設(shè)計(jì)外邊距很有用,但同時(shí)也存在很多問題——毫不奇怪,這些問題都圍繞著Netscape Navigator 4.x(NN4.X)。

第一個(gè)問題是,Navigator 4.x會把外邊距規(guī)則指定的外邊距增加到其默認(rèn)外邊距,而不是用其取代默認(rèn)值。例如,請考慮:

h1 {margin-bottom:0;}

p {margin-top:0;.}

NN4.X顯示元素時(shí)其間通常有空白,因?yàn)樗鼘?增加到其自己的默認(rèn)外邊距。如果想A蓋這個(gè)空白,可以使用負(fù)外邊距,如將段落的上外邊距設(shè)置為-1em。但網(wǎng)頁設(shè)計(jì)人員用這種解決方法的問題是缺乏通用性。如此一來,網(wǎng)站建設(shè)CSS兼容的瀏覽器就會使文本重疊,因?yàn)檫@些瀏覽器會替換段落的上外邊距(而不是使之相加)。

遺憾的是,還有更糟糕的問題。如果對行內(nèi)元素應(yīng)用外邊距,布局將或多或少地過于分散。NN4.X認(rèn)為所有元素(不論是否是行內(nèi)元素)的外邊距都相對于瀏覽器窗口的左邊界。這絕對是錯誤的。遺憾的是,如果網(wǎng)站建設(shè)人員有很多使用NN4.X的訪問者,在行內(nèi)元素上使用外邊距就很危險(xiǎn),決不能等閑視之。好在對NN4.X隱藏CSS很容易,從而可以對文檔設(shè)置樣式,而不必?fù)?dān)心NN4.X破壞樣式(當(dāng)然,這里假設(shè)你仍然關(guān)心頁面在NN4.X中的外現(xiàn))。

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷咨詢專線:0871-63535511(點(diǎn)擊可一鍵撥號)