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

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

第一個(gè)問(wèn)題是,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èn)題是缺乏通用性。如此一來(lái),網(wǎng)站建設(shè)CSS兼容的瀏覽器就會(huì)使文本重疊,因?yàn)檫@些瀏覽器會(huì)替換段落的上外邊距(而不是使之相加)。

遺憾的是,還有更糟糕的問(wèn)題。如果對(duì)行內(nèi)元素應(yīng)用外邊距,布局將或多或少地過(guò)于分散。NN4.X認(rèn)為所有元素(不論是否是行內(nèi)元素)的外邊距都相對(duì)于瀏覽器窗口的左邊界。這絕對(duì)是錯(cuò)誤的。遺憾的是,如果網(wǎng)站建設(shè)人員有很多使用NN4.X的訪問(wèn)者,在行內(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))。

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷(xiāo)咨詢(xún)專(zhuān)線:0871-63535511(點(diǎn)擊可一鍵撥號(hào))