0

position:absolute を使用して白い背景 (.big-content) の高さを 100% にしましたが、フッターが浮いてしまいました! どうすればこれを修正できますか? wolvesofys.weebly.com

ここに私の CSS があります: http://wolvesofys.weebly.com/files/main_style.css?1374887463 ここに私の HTML があります: view-source: 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

height: 100% を使用することで、クラス .big-content に、それが含まれる親要素の高さまで完全に拡張するように指示します。これは、マージンやパディングの設定を考慮していません (そのため、親要素の外に出たり、不明瞭に見えたりする可能性があります)。

絶対配置が機能する方法は、ページの「フロー」からそれを削除することです。フッターは技術的にフローティングではなく、前の要素を絶対的なものにすることでフッターの流れを妨げています。ただし、実際のページ コードを見ないと、問題の修正方法を説明するのは困難です。

于 2013-07-28T17:25:14.983 に答える
0

このままではダメなabsoluteので削除します。

代わりに、クラスautoから高さを削除しました。.wrapperそして、fixedあなたに位置を追加しましたfooter（この場合、それの許容可能な使用です）

ライブデモはこちら: http://plnkr.co/edit/UYKfJrxbnqYlSiEaitNW?p=preview

幅の問題がありますが、それは別の問題です。

于 2013-07-28T17:39:39.390 に答える