Html 我想让我的content div向下推我的页脚?
我希望我的content div向下推我的页脚,这样我就可以添加任意多的文本。不幸的是,我的文本与页脚重叠。我缺少什么CSS代码 我知道我可以使用溢出:滚动代码>但我希望网页垂直扩展,每个页面上有多少文本。现在,我已经把它设置为Html 我想让我的content div向下推我的页脚?,html,css,Html,Css,我希望我的content div向下推我的页脚,这样我就可以添加任意多的文本。不幸的是,我的文本与页脚重叠。我缺少什么CSS代码 我知道我可以使用溢出:滚动但我希望网页垂直扩展,每个页面上有多少文本。现在,我已经把它设置为margintop:660px这将限制我的其余页面。但是页边距顶部:自动不起作用。它只是把页脚推到我的内容分区上方 非常感谢 jshiddle Link:我试图读懂您的心思,因为您没有发布任何代码,但我打赌您需要在页脚之前的内容中添加一个。如果页脚中的任何内容是浮动的,那么它将
margintop:660px代码>这将限制我的其余页面。但是页边距顶部:自动代码>不起作用。它只是把页脚推到我的内容分区上方
非常感谢
jshiddle Link:我试图读懂您的心思,因为您没有发布任何代码,但我打赌您需要在页脚之前的内容中添加一个。如果页脚中的任何内容是浮动的,那么它将“浮动”在页脚上,而不是向下推。下面的代码将解决这个问题
尝试将此css和.group
添加到内容div:
.group:after {
content: "";
display: table;
clear: both;
}
例:
... 你的内容
这是最好的实践方法。您可以将该类添加到浮动的任何元素中,以在将来解决类似问题。此外,上面的链接将告诉你所有你需要知道的 我们需要看看你有什么来确定你缺少了什么。也许是一杯鸡尾酒?你能给我们看看你的密码吗。试着在jsfiddle.net上发布它。@zsaat14 JINX对不起…@caffinatedmonkey伟人所见略同。试着只发布相关代码。转储整个项目没有帮助。没有帮助。对标签“.group:after”有点困惑?当前查看的链接是一个伪元素。你可能还没有碰到它们,但它们值得一看。清除浮动的一个更基本的方法是添加clear:both代码>和<代码>浮动:无
到content div(您可以将其添加为所有内容的包装器类)。我在回答中提到的方式最终会更好。我看到你的网站上有一个侧栏,对吗?如果你提出,这可能是你的答案;浮动:无;在我的内容部。似乎什么都没做…?等等,刚刚发生了什么事
<body>
<div class=".group">
... your content
<\div>
<\body>