家长需要与多个孩子一起扩展

Question

我的父母Div需要与所有孩子一起扩展。 孩子div是多个按钮，x位置是增量式的。

例

div id="Parent" 
    div id="Child" /div {X-position : 90} 
    div id="Child2" /div {X-position : 180} 
/div 

任何想法将非常感激

Answer 1

您可以通过设置display: inline-block;或display: table;父DIV做到这一点，那么它将符合其子项的大小：

.Parent{ 
background-color:red; 
display:inline-block; 
/* display: table;*/ 
} 

.Child{ 
background-color:blue; 
width:50px; 
heigth:50px; 
} 

请参阅the demo here