1

次の CSS を使用して、ページの下部にブレークアウト div を中央に配置しようとしています。

#footer {
clear: both;
position: absolute;
bottom: 0;
left: 0;
}

私はこれに何時間も取り組んできましたが、本当にイライラするのは、以前に動作するようになったが、他の2つのdivで他のものを壊し、問題を修正するいくつかの変更を加えたことですが、それ以来、完全に中央に配置できませんでしたフッター。左または右に正しく配置されていないように見えます。

左右の余白を 100% に設定し、margin: 0 auto; を設定するなど、他の Web サイトからの提案を試しました。とりわけ。何も機能せず、頭がぐるぐるしています。

この一見簡単な問題にどのようにアプローチすればよいでしょうか?

これが役立つ場合に備えて、これが私のフッターです。

<footer id="footer">
<address>webmaster@mydomain.net</address>
</footer>

また、インラインと使用している外部スタイルシートの両方で align-text: center を使用してみました。外部スタイルシートでその CSS を使用して動作させる前に。次に、自分が行っていたことを記録せずに、一連の変更を非常に迅速に行います。

助けてください?

4

2 に答える 2

0

絶対位置でdivを中央に配置したい場合は、これを試してください

#footer {
clear: both;
width:80%;
position: absolute;
bottom: 0;
left: 50%;
margin-left:-40%; /*should be half of footer width and it should be in -margin*/
}
于 2013-08-04T11:40:26.150 に答える