溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“如何消除制作的網頁在瀏覽時下方有多余的空白”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“如何消除制作的網頁在瀏覽時下方有多余的空白”吧!
在使用dreamweaver或者frontpage來制作HTML網頁時，我們有可能會遇到這樣的問題：在軟件中好好的網頁一旦放到瀏覽器中，就會在網頁的下方莫名其妙的多出來或多或少的空白。那么這種空白又要怎么去消除呢？
起先我以為只要在網頁的代碼中加一個CSS來約束一下網頁的高度就行了，事實證明這樣是行不通的。
原因：
首先我們要知道，用軟件來寫網頁的話，大多數都是通過圖形化的界面來“堆”網頁，這樣堆網頁的話，在創建層或者表格的時候，軟件給層或者表格定義的高度往往會超出我們所想要的高度，但是在軟件上是看不出來的；然而，當我們在瀏覽器中打開網頁的時候，我們就會發現，軟件中不存在的空白就會在瀏覽器中顯示出來。
而不能僅僅通過添加一個html{height：XX px;}來約束網頁的高度，是因為在網頁中，嵌套在元素內部的其他元素的特性會具有更高的優先級。例如：你如果在同一個網頁中有如下代碼：body{font-size：10px;} p {font-size：9px;}那么該網頁<p>元素中字體大小就應該是9px而不是10px了。由于這個規則的存在，網頁中層的總高度大于html{height：XX px;}中XX的值時，html{height：XX px;}也就自然沒有作用了。
解決方式：
像這種用軟件寫的網頁代碼，通過去尋找CSS中關于層或者表格高度的定義，然后修改高度的值，就能去掉網頁中不必要的空白了。
到此，相信大家對“如何消除制作的網頁在瀏覽時下方有多余的空白”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
