如何对齐3个相邻的div，其中两个填充可用空间？

Question

div1：width = wrap_content，最大50px

div2，div3：每个剩余空间的一半

Answer 1

试试这个：

<div class="div1"></div>
<div class="div2">
    <div class="div21"></div>
    <div class="div22"></div>
</div>

和CSS：

.div1{
    float:left;
    width:50px;
    background-color:Red;
}

.div2{
    overflow:hidden;
}

.div21{
    width:50%;
    float:left;
    background-color:green;
}

.div22{
    width:50%;
    float:left;
    background-color:blue;
}

div2类似于容器，问题中div21和div22等于div2和div3。

<强> Check JSFiddle Demo