Question

使用弹性框可以连续2个div，一个具有固定宽度（例如宽度：200px），然后另一个div以流畅的方式填充其余空间，就像asterex在Frames中做的那样？

Answer 1

以下是使用灵活的盒子模型的方法：

#container {
    display: flex;
    width: 500px; /* Set the available space */
}

#container > div#first {
    width: 200px;    
}

#container > div#second {
    flex-grow: 1;
}

查看小提琴here。

Answer 2

您可以使用float和calc来创建类似的内容。这是一个例子：

HTML

<div id="one"></div>
<div id="two"></div>

CSS

#one {
    width:200px;
    height:200px;
    background-color:red;
    float:left;
}
#two {
    width:calc(100% - 200px);
    height:200px;
    background-color:blue;
    float:left;
}

一个小提琴显示它在行动：http://jsfiddle.net/mQ2JX/

我可以在另一个旁边放置一个固定宽度的div，它将填补类似于*的间隙

2 个答案: