本篇內(nèi)容主要講解“如何消除制作的網(wǎng)頁在瀏覽時(shí)下方有多余的空白”，感興趣的朋友不妨來看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“如何消除制作的網(wǎng)頁在瀏覽時(shí)下方有多余的空白”吧!

企業(yè)建站必須是能夠以充分展現(xiàn)企業(yè)形象為主要目的，是企業(yè)文化與產(chǎn)品對(duì)外擴(kuò)展宣傳的重要窗口，一個(gè)合格的網(wǎng)站不僅僅能為公司帶來巨大的互聯(lián)網(wǎng)上的收集和信息發(fā)布平臺(tái)，創(chuàng)新互聯(lián)公司面向各種領(lǐng)域：門窗定制等成都網(wǎng)站設(shè)計(jì)、成都全網(wǎng)營(yíng)銷推廣解決方案、網(wǎng)站設(shè)計(jì)等建站排名服務(wù)。

在使用dreamweaver或者frontpage來制作HTML網(wǎng)頁時(shí)，我們有可能會(huì)遇到這樣的問題：在軟件中好好的網(wǎng)頁一旦放到瀏覽器中，就會(huì)在網(wǎng)頁的下方莫名其妙的多出來或多或少的空白。那么這種空白又要怎么去消除呢？
起先我以為只要在網(wǎng)頁的代碼中加一個(gè)CSS來約束一下網(wǎng)頁的高度就行了，事實(shí)證明這樣是行不通的。

原因：

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

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

解決方式：

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

到此，相信大家對(duì)“如何消除制作的網(wǎng)頁在瀏覽時(shí)下方有多余的空白”有了更深的了解，不妨來實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

網(wǎng)頁題目：如何消除制作的網(wǎng)頁在瀏覽時(shí)下方有多余的空白
標(biāo)題URL：http://www.chinadenli.net/article48/jcoiep.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、電子商務(wù)、網(wǎng)站營(yíng)銷、ChatGPT、外貿(mào)建站、搜索引擎優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)