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

从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;*/
}
于 2013-09-07T12:55:43.883 回答
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 回答