css - CSSディスプレイ：テーブルレイアウトの問題

Question

これが私の問題です：

ここのjsbinコードで。#wrapper右側に隠された灰色の境界線が表示されます。

ただし、これはFirefoxでのみ発生します。Chromeは正常に動作しています。

Firefoxの修正方法を教えてください。

Answer 1

この例を参照してください：http：//jsbin.com/avupak/1/edit

関連するCSS

width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

box-sizing: border-box;境界線を含む幅を計算します

Answer 2

幅を100％に設定するだけでもかまいません。

width:100%;