html - 家长Div需要与多个 child 一起扩展

我的父母Div需要与所有孩子一起成长。
子div是x位置递增的多个按钮。

例

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

任何想法将不胜感激

最佳答案

您可以通过将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：

.parent{
    background-color:red;
    display:table;
}

.child{
    background-color:blue;
    width:50px;
    height:50px;
}

<div class="parent">
    <div class="child">bbb</div>
    <div class="child">aaa</div>
    <div class="child">bbb</div>
    <div class="child">aaa</div>
    <div class="child">bbb</div>
    <div class="child">aaa</div>
</div>