html - 如何将 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