Question

我希望我的内容div能够将我的页脚向下推，因此我可以根据需要添加尽可能多的文本。不幸的是，我的文字只是与我的页脚重叠。我错过了什么CSS代码？

我知道我可以使用overflow: scroll;但我希望网页可以垂直展开，每页都有多少文字。现在，我已将其设置为margin-top: 660px;，这限制了我的其余页面。但margin-top: auto;无效。它只是将页脚推到我的内容div之上？

非常感谢。

Answer 1

我正在尝试阅读您的想法，因为您没有发布任何代码，但我打赌您需要在页脚之前向内容添加clearfix。如果您的页脚中的任何内容是浮动的，那么它将“浮动”您的页脚，而不是推送它。下面的代码将解决这个问题。

尝试将此css和.group添加到content div：

.group:after {
  content: "";
  display: table;
  clear: both;
}

例如：

<body>    
    <div class=".group">

    ... your content

    <\div>
<\body>

这是执行此操作的最佳方法。您可以将此类添加到您要浮动的任何元素，以便将来解决类似问题。此外，上面的链接将告诉您需要了解的所有信息。