非主流瀏覽器Nascape中CSS的顯示與IE的差別_CSS教程

2024-07-11 08:40:57

字體：大中小

供稿：網(wǎng)友

盡管Nascape瀏覽器已經(jīng)是非主流。但我們從顯示差別的研究中，還是可以學(xué)習(xí)到很多兼容方面的知識(shí)，拓展我們的思維。

我們?cè)谶M(jìn)行網(wǎng)頁布局的時(shí)候要對(duì)付的最棘手情況之一是：相同的CSS代碼被不同的瀏覽器解釋后會(huì)生成不同的效果。在以前，各種不同的瀏覽器生成極其不同的頁面是隨處可見的，而現(xiàn)在我們可以用所謂的符合標(biāo)準(zhǔn)的瀏覽器獲得更好的效果。然而，顯示效果的差別還是無法避免。

當(dāng)前處于領(lǐng)導(dǎo)地位的一些瀏覽器在處理浮動(dòng)效果上就存在著這樣的差別。假如有人想創(chuàng)建一個(gè)能夠隨著瀏覽器窗口的大小變化而動(dòng)態(tài)更改大小多欄的布局，那么這將是一個(gè)非凡麻煩的問題。

簡(jiǎn)單的沒有浮動(dòng)的頁面

假設(shè)你有兩個(gè)div——div#one和div#two，它們都有固定的寬度。假如沒有浮動(dòng)或者絕對(duì)的定位，這些div就會(huì)以一個(gè)摞在另一個(gè)之上的形式放在瀏覽器窗口的左側(cè)（如例A所示），因?yàn)闃?biāo)準(zhǔn)的頁面安排順序是從左到右，從上到下，塊級(jí)元素（block-level element）都會(huì)在前一個(gè)元素下面緊接著開始一個(gè)新的行。

下面是所有例子都需要的一段HTML：

示例代碼 [www.CuoXIn.com]

上一篇：IE7beta2的CSS兼容性_瀏覽器兼容教程

下一篇：兩個(gè)層之間的為什么會(huì)有間隙(IE3pxbug)？_Div+CSS教程