页面底部的空白处

Empty Space at the bottom of the Page

本文关键字：空白处 底部      更新时间：2024-01-28

页脚容器后生成的大空格。我的布局似乎是

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html xmlns="http://www.w3.org/1999/html">
    <head></head>
    <body id="cms-body" class="yui-skin-sam">
        <div id="mainContainer" class="clearFix">
            <div id="headerDiv"></div>
            <div id="bodyDiv"></div>
            <div id="footerDiv"></div>
        </div>
    </body>
</html>

我们在应用程序上使用Yahoo YUI Js/Styles。当我从内容较多的页面导航到内容较少的页面时，出现了问题。

例如：从大表单页面到小内容页面。

请指导我解决这个问题。

提前谢谢。

这应该是您的最后一个div

<div id="footerDiv">

是否指定了父div的高度？

你能试试下面的样式属性吗

#footerDiv{
 bottom: 0px;
 margin-left: 0px;
 position: relative;
}

可见性问题：YUI的隐藏属性。相反，使用display:none属性，这样可以减少页脚处的空白空白。

相关文章：