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

Question

footer在这个例子中，如何使第二个 div 扩展到整个宽度？

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

更新：那么如何使黑狐狸与浅灰色狐狸具有相同的高度？

Answer 1

使用float:left代替display:inline-block并将浮动仅应用于第一个 div。

jFiddle在这里

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

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