Shulou(Shulou.com)06/03 Report--

The main content of this article is to explain "how to eliminate the extra space at the bottom of the web page." interested friends may wish to have a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn "how to eliminate the extra space at the bottom of the web page when browsing".

When using dreamweaver or frontpage to make HTML web pages, we may encounter such a problem: once a good web page in the software is placed in the browser, it will inexplicably be more or less blank at the bottom of the web page. So how to eliminate this gap?

At first I thought that as long as a CSS was added to the code of the web page to restrict the height of the web page, it turned out to be unworkable.

Reason:

First of all, we need to know that when writing web pages with software, most of them "stack" web pages through a graphical interface, so that when creating layers or tables, the height defined by the software for the layer or table is often higher than we want, but it is not visible in the software. However, when we open the web page in the browser, we will find that the white space that does not exist in the software will be displayed in the browser.

The height of a web page cannot be constrained simply by adding a html {height:XX px;}, because in a web page, the features of other elements nested inside the element will have higher priority. For example, if you have the following code in the same page: body {font-size:10px;} p {font-size:9px;}, then the page

The font size in the element should be 9px instead of 10px. Because of this rule, when the total height of the middle layer of a web page is greater than the value of XX in html {height:XX px;}, html {height:XX px;} naturally has no effect.

Solution:

For web page code written in software like this, by looking for the definition of layer or table height in CSS, and then changing the value of height, you can remove unnecessary white space in the page.

At this point, I believe you have a deeper understanding of "how to eliminate the extra white space at the bottom of the web page". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.