html - CSS 固定 + 流体在单个包装器中

Question

如何使 this example 中的第二个 div 扩展到 footer 的整个宽度？

我想避免给第二个 div 指定宽度。第一个 div 的固定宽度为 80px

<强> Update :那么如何让黑狐与浅灰狐的高度相同呢？

Answer 1

使用 float:left 而不是 display:inline-block 并仅将 float 应用于第一个 div。

jFiddle here

div {
  padding: 20px;
  background-color: #ccc;
}

div:first-child {
  width: 80px;
  background-color: #000;
  color: #fff;
  float:left;
}