家長需要與多個孩子一起擴展

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