在使用dreamweaver或者frontpage來制作HTML網(wǎng)頁(yè)時(shí)，我們有可能會(huì)遇到這樣的問題：在軟件中好好的網(wǎng)頁(yè)一旦放到瀏覽器中，就會(huì)在網(wǎng)頁(yè)的下方莫名其妙的多出來或多或少的空白。那么這種空白又要怎么去消除呢？

起先我以為只要在網(wǎng)頁(yè)的代碼中加一個(gè)CSS來約束一下網(wǎng)頁(yè)的高度就行了，事實(shí)證明這樣是行不通的。

原因：

首先我們要知道，用軟件來寫網(wǎng)頁(yè)的話，大多數(shù)都是通過圖形化的界面來“堆”網(wǎng)頁(yè)，這樣堆網(wǎng)頁(yè)的話，在創(chuàng)建層或者表格的時(shí)候，軟件給層或者表格定義的高度往往會(huì)超出我們所想要的高度，但是在軟件上是看不出來的；然而，當(dāng)我們?cè)跒g覽器中打開網(wǎng)頁(yè)的時(shí)候，我們就會(huì)發(fā)現(xiàn)，軟件中不存在的空白就會(huì)在瀏覽器中顯示出來。

而不能僅僅通過添加一個(gè)html{height：XXpx;}來約束網(wǎng)頁(yè)的高度，是因?yàn)樵诰W(wǎng)頁(yè)中，嵌套在元素內(nèi)部的其他元素的特性會(huì)具有更高的優(yōu)先級(jí)。例如：你如果在同一個(gè)網(wǎng)頁(yè)中有如下代碼：body{font-size：10px;}p{font-size：9px;}那么該網(wǎng)頁(yè)<p>元素中字體大小就應(yīng)該是9px而不是10px了。由于這個(gè)規(guī)則的存在，網(wǎng)頁(yè)中層的總高度大于html{height：XXpx;}中XX的值時(shí)，html{height：XXpx;}也就自然沒有作用了。

解決方式：

像這種用軟件寫的網(wǎng)頁(yè)代碼，通過去尋找CSS中關(guān)于層或者表格高度的定義，然后修改高度的值，就能去掉網(wǎng)頁(yè)中不必要的空白了。

更多信息請(qǐng)查看IT技術(shù)專欄