2

这是我遇到的问题：

http://i.imgur.com/KvgT3bA.png（由于没有代表不能直接发布）

我已经设法让我的包装（整体边框）随着这个页面上的大量文字而扩展，但现在我的页脚变得很奇怪。

这是我的 HTML 和 CSS 的精简版：

http://pastebin.com/rb7ftatN（由于没有代表，都在一个链接中）

请帮帮我。我真的是 HTML / CSS 的新手，而且我是一个完美主义者，所以当事情不起作用时，我真的很紧张，我相信你们中的一些人可以联系起来。

太感谢了！

4

3 回答 3

2

假设您希望页脚位于文本下方，请使用clear: both;

在你的情况下：

footer {
    /* THIS IS THE MISPLACED FOOTER */
    width: 980px;
    height: 40px;
    /* Other Rules*/

    clear: both;

}

这是演示它的小提琴。

于 2013-09-07T01:27:26.767 回答
1

假设您总是希望页脚可见，请使用固定位置...

.footer {
    position: fixed;
    bottom: 0px;
    /* Other rules */
}

这会将页脚粘到屏幕上

于 2013-09-07T01:11:27.393 回答
1

我认为只有一个内联块可以做到这一点，如

footer {
    display: inline-block;
    width: 980px;
    height: 40px;
    margin-top: 44px;
    position: relative;
    right: 2px;
    border: 2px solid;
    border-color: #000000;
}
于 2013-09-07T01:24:13.017 回答