浮動頁腳與100％的高度？

我通過使用position：absolute獲得了白色背景（.big-content）爲100％的高度，但是現在它讓我的頁腳浮動了！我怎樣才能解決這個問題？ wolvesofys.weebly.com浮動頁腳與100％的高度？

這裏是我的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>

來源

2013-07-28 Dijji

而且你希望你的頁腳保持固定在底部？ –

@chris是的，它應該堅持頁面的底部。 – Dijji

通過使用高度：100％，所有它告訴類。大，內容完全贊同擴大到父元素的高度，這是中。這沒有考慮到你有任何邊距或填充設置（所以它可能會超出父元素或看起來模糊）。

絕對定位的工作方式是將其從頁面的「流」中移除。你的頁腳在技術上不是漂浮的，你通過使前面的元素成爲絕對的，來打亂它的流動。儘管沒有看到實際的頁面代碼，但很難告訴你如何解決這個問題。

來源

2013-07-28 17:25:14 Indaleco

不好使用absolute那樣，所以我刪除它。

取而代之，我從.wrapper類中刪除了auto高度。並添加了fixed位置，你footer（在這種情況下，是可以接受的使用是）

這裏的現場演示：http://plnkr.co/edit/UYKfJrxbnqYlSiEaitNW?p=preview

你有寬度的問題，但那是另一個問題。

來源

2013-07-28 17:39:39

浮動頁腳與100％的高度？

回答

相關問題