0

これはうまくいくはずです。ネストされた div が親 div の中央にあるようにしたいだけです。これは少なくとも何かを中心に置くための正しいアプローチですか、それとも私は基準から外れていますか? 私は自分のウェブサイトを構築し始めたばかりです。

#container {
    position:relative;
    width:980px;
    height:900px;
    margin:auto;
    border:1px solid red;
}

#logo {
    width:960px;
    height:305;
    margin: 0 auto;
    position:absolute;
}

そしてマークアップ

<body>
   <div id = "container">
        <div id = logo><img src="img/johndoe.jpg" width="960" height="305"/></div>
   </div><!-- end of container -->
</body>

実際には、ネストされた div はコンテナーの左端にあります。

4

3 に答える 3

2

position:absolute;ロゴのために削除します。

于 2013-09-07T12:24:56.860 に答える
1

http://codepen.io/skeep/pen/nGupCをチェックしてみてください

html

<div class="container">
  <div class="logo"><img src="http://placehold.it/350x150" alt="" /></div>
</div>

CSS

.container {
    width:980px;
    height:900px;
    margin:auto;
    border:1px solid red;
}

.logo {
    width:350px;
    height:150px;
    margin: 0 auto;
}
于 2013-09-07T12:58:08.110 に答える