0

我通过使用 position:absolute 将白色背景（.big-content）设为 100% 高度，但现在它使我的页脚浮动！我怎样才能解决这个问题？wolvesofys.weebly.com

这是我的 CSS：http ://wolvesofys.weebly.com/files/main_style.css?1374887463 这是我的 HTML：查看源代码：http ://wolvesofys.weebly.com/ 我认为包装器是问题所在。

<div class="wrapper">
<div id="wrap">
<div class="big-content">
<div class="content">
<div class="container">
<p>Text here</p>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>

和页脚的东西：

<footer>
<div id="wrap">
<div id="page_footer">
<ul>
<li></li>
<li><a href="#terms">Terms and Conditions</a></li>
<li>/li>
<li><a href="#contact">Contact</a></li>
<li></li>
<li><a href="#help">Help</a></li>
<li></li>
</ul>
<div id="copyright">Content &copy; 2013 FeraLupus.com</div>
</div>
</div>
</footer>
4

2 回答 2

0

那种方式不好用absolute，所以我删了。

相反，我从您的班级中删除了auto高度。.wrapper并将fixed位置添加到您的footer（在这种情况下，是可以接受的使用）

这里是现场演示：http ://plnkr.co/edit/UYKfJrxbnqYlSiEaitNW?p=preview

你有宽度问题，但那是另一个问题。

于 2013-07-28T17:39:39.390 回答
0

通过使用 height: 100%，它告诉类 .big-content 将自身完全扩展到它所在的父元素的高度。这不考虑您拥有的任何边距或填充设置（因此它可能超出父元素或看起来晦涩难懂）。

绝对定位的工作方式是将其从页面的“流”中删除。您的页脚在技术上不是浮动的，您通过使前一个元素成为绝对元素来破坏它的流动。虽然没有看到实际的页面代码，但很难告诉您如何解决问题。

于 2013-07-28T17:25:14.983 回答