我在我的网站上应用了 Styck 页脚技术，但是我的内容需要在 #main 中水平和垂直对齐但是由于底部 padding-bottom: 180px 当这必须与页脚大小相同时，我的 #main 不会垂直排列。如果我去掉这个填充，并在 #main height 上放一些值，这是有效的!但我的页脚并不总是在底部。在这种情况下我应该如何处理？
摆弄 padding-bottom:180px;: this link
没有 padding-bottom:180px; 的 fiddle :this another link
请帮忙!
最佳答案
首先将您的 HTML 结构更改为
<div id="wrap">
<div id="main" class="block clearfix">
<div id="wrapper" class="content">
<p>text</p>
</div>
</div>
<div id="footer"> <!-- footer within wrapper -->
footer content
</div>
</div>
并将您的 CSS 更改为
#footer {
position:relative;
margin-top: 0;
height: 180px;
clear:both;
background:#FFCC00;
}
现在您的页脚将始终“附加”到您的内容。 Please see the Fiddle.
关于html - 无法使用 Sticky footer 技术垂直对齐 div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11650955/