html - 単一のラッパーでのCSS固定+流体

Question

この例footerでは、2番目のdivをの全幅に拡張するにはどうすればよいですか？

2番目の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;
}