Question

在页脚容器后生成一个大的空白/空白空间。我的布局似乎是

<!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 。当我从更多内容页面导航到更少内容页面时引发的问题。

例如：大表格页面到较少内容页面。

请指导我解决问题。

提前致谢。

Answer 1

这应该是你的最后一个div

<div id="footerDiv">

Answer 2

您是否指定了父div的高度？

Answer 3

您可以尝试以下样式属性

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

Answer 4

由于可见性导致的问题：YUI的隐藏属性。而不是它，使用display：none属性，因此，它减少了页脚的空白空间。

页面底部的空白区域

4 个答案: