0

我实际上对 html 有点陌生，但我不明白为什么当容器和它之间没有任何内容时我必须滚动才能看到页脚。

HTML

<head>
<!—[if lt IE 7]>
  <link rel="stylesheet" type="text/css" href="homepage.css" />
<![endif]—&gt;
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 部分。

4

2 回答 2

0

我想我想出了一部分。我的身高设置为 100%。所以我将它降低到 85%，它消除了滚动，但底部显示了一个背景黑点。唔

于 2013-10-30T14:16:57.567 回答
0

看起来你有一些格式错误的 html。<body>在剥离之前和最后一个</html>标签的所有内容之后，它似乎在 jsfiddle 中运行良好。http://jsfiddle.net/g6gDS/

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

于 2013-10-29T20:03:05.470 回答