将div放在另一个div内

Question

我有一个简单的布局，包含#container和

#container {
    width: 775px;
    margin: 0 auto; 
}

将其居中放在最大宽度为775px

的页面上

然后在其中我有另一个div，其宽度根据其内部的内容而变化

.innerdiv { margin: 0 auto; }

我希望如果.innerdiv小于775px，它将在该775px区域内居中。

问题是上面的代码无效。我已经和它搏斗了一段时间，但无法弄清楚我需要做些什么来实现这个目标。

Answer 1

Using “margin: 0 auto;” in Internet Explorer 8

  

...“margin：0 auto”使一个块居中，但仅当块的宽度设置为小于父级的宽度时。

Answer 2

要将div对齐到中心..请使用margin: 0 auto;，但必须指定。的宽度属性。 width: 400px;必须小于父container <div>

有关详细信息，请参阅此link Link

Answer 3

这样写：

#container {
    width: 775px;
    margin: 0 auto; 
    text-align:center;
}
.innerdiv {
    display:inline-block;
    *display:inline /* IE */
    *zoom:1;/* IE */
    text-align:left;
}

检查

http://jsfiddle.net/efEgq/

Answer 4

给#container

提供相对位置

#container {
    width: 775px;
    margin: 0 auto; 
    position:relative;
}

试试这个。

Answer 5

只需为align="center"撰写innerdiv。