CSS页脚-正文错误 html，正文，#容器{ 身高：100%； } #容器{ 高度：自动；最小高度：100%；位置：相对位置； } 身体页脚_Html_Css

CSS页脚-正文错误 html，正文，#容器{ 身高：100%； } #容器{ 高度：自动；最小高度：100%；位置：相对位置； } 身体页脚

html css

CSS页脚-正文错误 html，正文，#容器{ 身高：100%； } #容器{ 高度：自动；最小高度：100%；位置：相对位置； } 身体页脚,html,css,Html,Css,JFiddle：如何隐藏滚动条并使页脚粘在页面底部？在我的代码中，页脚位于页面底部，用户必须滚动，尽管只有一行正文。您的页面需要一个插入css代码的位置。下面是使用JFriddle的正确方法：要使页脚粘到底部，可以使用位置：绝对；底部：0px <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <style&g

JFiddle：

如何隐藏滚动条并使页脚粘在页面底部？在我的代码中，页脚位于页面底部，用户必须滚动，尽管只有一行正文。

您的页面需要一个

插入css代码的位置。下面是使用JFriddle的正确方法：

要使页脚粘到底部，可以使用位置：绝对；底部：0px

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <style>
        html, body, #container {
            height:100%;
        }

        #container {
            height:auto;
            min-height:100%;
            position:relative;
        }
    </style>
        <body>
            <div id="container" style="background-color:#0000FF;">body</div>
            <div style="background-color:#FF0000;height:100px;">footer</div>
        </body>
</html>


身体{
填充：0px；
背景颜色：蓝色；
}
#容器{
背景颜色：绿色；
}
#页脚{
位置：绝对位置；
左：0px；
底部：0px；
宽度：100%；
背景色：红色；
}
这是我的身体
这是我的页脚

编辑：

容器底部的页脚：

你的意思是这样吗？@j08691:谢谢，看起来不错！请给我一点时间来测试它。你可以像是这样做，当你的div是最小高度：100%时就会发生这种情况。（Εχεις2κειττοπρώτοττττοχειβλεεεεελάχστψψοττττμεττμμεθθοθ，但如果在容器中设置了高度，则向下滚动至1000g。在这种情况下，页脚不会停留在底部。这不是虫子。这是css，它做你写的：谢谢你的帮助！顺便说一句，εμαικιεγώοιτητήπληροορκς！快乐编码。(Βασικά η σχολή μου είναι πιο πολύ ηλεκτρονικός υπολογιστών αλλά ασχολούμε με τις σελίδες)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <!-- Your page do not have a head -->
    <head>
        <style>
            body{
                padding: 0px;
                background-color:blue;
            }
            #container{
               background-color:green;
            }
            #footer {
               position:absolute;
               left:0px;
               bottom:0px;
               width: 100%;
               background-color:red;
            }
        </style>
    </head>
    <body>
        <div id="container">This is my body</div>
        <div id="footer">This is my footer</div>
    </body>
</html>