1

このコンテナを上、左、右から中央に配置するにはどうすればよいですか?以下にあるものを試しましたが、機能しません。何が欠けているのかわからない:

 HTML: 

<div class="box"> 
     <p>This is a sentence.</p>
</div>

 CSS:

 .box {
 background-color: #444444;
 color: #888888;
 margin: 0 auto; 
 position: absolute;
 width: 1000px;
 height: 20px;
 }
4

1 に答える 1

3

削除するposition: absolute;と、中央になります..

これは、絶対配置された要素がドキュメント フローから取り出されているためです..またposition、div がルート<html>要素に対して相対的なプロパティを使用している他の要素がないためです..したがって、ビューポートの左上にとどまります。

于 2013-03-01T02:52:04.747 に答える