css - 使用 display:table 的 HTML 布局问题

Question

我正在尝试使用display:table, table-row以下方式获得最终输出。蓝色框应可调整大小，红色框应具有固定高度。

在这里启动一个 jsbin 。

我正在寻找一个 CSS 解决方案。谢谢。

Answer 1

它适用于display:table。像这样写：

#wrapper {height:250px; width:200px; border:3px solid gray; display:table;}
  #one {height:100px; background-color:red;display: table-row;}
  #two {background-color:blue;display: table-row;}

检查这个http://jsfiddle.net/jYvK2/