Question

这应该有效。我只是希望嵌套的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位于容器的最左边。

Answer 1

删除徽标的position:absolute;。

Answer 2

从possition:absolute;

中删除.logo

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

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

Answer 3

尝试查看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;
}

将子div定位到父div

3 个答案: