Footer 页脚不';t显示在另一个div的底部(已启用滚动)

Footer 页脚不';t显示在另一个div的底部(已启用滚动),footer,Footer,我使用了这个css代码,我的页脚不会显示在页面底部。请帮帮我 div#footer{ width:100%; color:#fff; background-color:#333; text-align:center; font-family:'B Roya'; position:relative; clear:both; } 和我的html代码: <div id="footer"> best display in FireFox</div> FireFox中的最佳显示

我使用了这个css代码,我的页脚不会显示在页面底部。请帮帮我

div#footer{
width:100%;
color:#fff;
background-color:#333;
text-align:center;
font-family:'B Roya';
position:relative;
clear:both;
}
和我的html代码:

<div id="footer"> best display in FireFox</div>
FireFox中的最佳显示
试试这个

<html>
<head>
    <style type="text/css">
        * {
            margin: 0;
        }
        html, body {
            height: 100%;
        }
        #wrapper {
            min-height: 100%;
            height: auto !important;
            height: 100%;
            margin: 0 auto -4em;
        }
        #footer{
            height: 4em;
            background: yellow;
        }
    </style>
</head>
<body>
    <div id="wrapper">
        <p>Your website content here.</p>
    </div>
    <div id="footer">
        <p>Copyright (c) 2013</p>
    </div>
</body>

* {
保证金:0;
}
html,正文{
身高:100%;
}
#包装纸{
最小高度:100%;
高度:自动!重要;
身高:100%;
保证金:0自动-4em;
}
#页脚{
高度:4em;
背景:黄色;
}
你的网站内容在这里

版权所有(c)2013

试试这个

<html>
<head>
    <style type="text/css">
        * {
            margin: 0;
        }
        html, body {
            height: 100%;
        }
        #wrapper {
            min-height: 100%;
            height: auto !important;
            height: 100%;
            margin: 0 auto -4em;
        }
        #footer{
            height: 4em;
            background: yellow;
        }
    </style>
</head>
<body>
    <div id="wrapper">
        <p>Your website content here.</p>
    </div>
    <div id="footer">
        <p>Copyright (c) 2013</p>
    </div>
</body>

* {
保证金:0;
}
html,正文{
身高:100%;
}
#包装纸{
最小高度:100%;
高度:自动!重要;
身高:100%;
保证金:0自动-4em;
}
#页脚{
高度:4em;
背景:黄色;
}
你的网站内容在这里

版权所有(c)2013


到底是什么问题?:)页脚显示在页面的中间,而不是在底部。只要在HTML末尾放置“Firefox的最佳显示”,什么问题?页脚显示在页面的中间,而不是在底部。只要在HTML末尾放置“Firefox中的最佳显示”。在你的例子中,卷轴被禁用了,但是在我的页面中,没有人能帮助我。我迫切需要建立这个页面在您的示例中,滚动被禁用,但在我的页面它是启用的这里没有人来帮助我?我迫切需要建立这个页面