2012-01-27 6 views
2

以下に示すように、固定幅(ラッパー)のラッパーdivを別のdiv(ボディー)の内側に配置したいと考えています。 enter image description hereオーバーフローを隠したラッパーの内側のdiv

この行は、ページ/ブラウザウィンドウの中央を表しています。ご覧のとおり、本文とラッパーの中心はページ中央に中央揃えされています。

純粋なCSSとHTMLを使用してこれを達成する方法はありますか?

ありがとうございます。あなたがそこに位置する二つのアイテムを持っているので、あなたが二回技術を適用する必要がありますが、あなたはできないhttp://www.wpdfd.com/editorial/thebox/deadcentre4.html

答えて

1

誰かがどのようにするには、この共通の問題に短いと説明を書くことを気に実際にはbody要素の中心にこれを置きます。したがって、本体の代わりに別のコンテナを追加する必要があります。

楽しくお楽しみください!

1

いつでも試してみることができます。

margin: auto; 

これはdoctypeでのみ機能します。だからあなたのhtmlタグの上にこれを置く。

<!DOCTYPE html> 
0

上記の標準的なラッピング機能を使用することをお勧めします。

<!DOCTYPE html> 
<html> 
<head> 

<style type="text/css"> 
#bodywrapper { width: 600px; margin: 0 auto; } 
#wrapper { width: 400px; margin: 0 auto; } 
</style> 

</head> 
<body> 

<div id="bodywrapper"> 
     .....whatever code you in the body here. 
    <div id="wrapper> 
      ....whatever you want inside the wrapper that is inside the body here. 
    </div> 
</div> 

</body> 
</html> 

基本的には、ラッパー内にラッパーをネストするだけです。これができない理由はありません。

関連する問題