css - 如何设置子两个div 50%，父div 50%

Question

我有以下几种模式。如何将第一个和第二个子 Div 类的 css 更改应用到父 div 的 50%

如何给子div设置50%、50%？

<div class="parentDiv">
    <div class="childDiv">   // 50% width
   </div>
   <div class="childDiv">   // 50% width
   </div>
</div>

Answer 1

.childDiv{
   display:inline-block;
   width:50%;
}

Example

重要提示:

1. 不要在 div 之间留空格
2. 您不妨使用 float 代替 display:inline-block;
3. 如果示例中的元素未对齐，则说明您的浏览器不支持 box-sizing，只需省略边框(仅用于说明目的)。