Question

我实际上是html的新手，但我无法弄清楚为什么当容器和它之间没有任何内容时我必须滚动查看页脚。

HTML

<head>
<!—[if lt IE 7]>
  <link rel="stylesheet" type="text/css" href="homepage.css" />
<![endif]—>
body {
    background-color: #000;
}
</style>
</head>

<body>
<div id="wrap">
<div class="container">
  <div class="content">


<!-- end .content --></div>     
<!-- end .container --></div>
    </div>
<div class="footer">
        <p> FOOTER CONTENT </p>
    </div>
</body>
</html>

CSS

.wrap {
        position:relative;
        margin:0 auto;
        width:100%;
    }

.footer {
        background-color: black;
        bottom: 0;
        float: right;
        height: 240px;
        left: 0;
        overflow: hidden;
        padding-top: 5px;
        width: 100%;
    }

编辑，我添加了完整的HTML正文，请参阅顶部的HTML部分以获取信息。

Answer 1

看起来你有一些格式错误的HTML。在<body>和最后</html>标记之前删除所有内容后，它似乎在jsfiddle中正常工作。 http://jsfiddle.net/g6gDS/

编辑。我还在页脚中将文本设为白色，这样您就可以在黑色背景下看到它。

Answer 2

我想我想出了部分内容。我的身高设定为100％。所以我支持它降低到85％，它消除了卷轴，但底部有一个背景黑点。嗯

必须滚动才能看到页脚

2 个答案: