列中没有表格的两个div

Question

是否可以不使用表格标签或显示：table？

https://monosnap.com/file/MoxMr7WehKJD4RyKWPTJ7Dyqg8dsez

To

http://jsfiddle.net/wqozs28y/

我会尝试绝对的位置，但我不知道TITLE div的高度是什么：（

Answer 1

是的，您可以使用flexbox，具体取决于您需要的浏览器支持级别。

.wrapper {
  border: 3px solid yellow;
  width: 250px;
  height: 350px;
  position: fixed;
  top: 10px;
  left: 10px;
  background: green;
  display: flex;
  flex-direction: column;
}
.title {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  min-height: 30px;
  max-height: 80px;
  background: blue;
}
.content {
  background: red;
  flex-grow: 1;
}

<div class="wrapper">
  <div class="title">Some title</div>
  <div class="content">Content</div>
</div>

JSFiddle Demo