ブロック要素にスクロールバーが出る場合、 その内部領域がどうなるのか、ブラウザごとにまとめ。 HTMLの例は以下のような感じ: <div class="outline"> <table> ..... </table> </div> CSSは以下のような感じ: .outline { width: 500px; height: 300px; overflow: auto; } .outline table { width: 100%; } table要素の高さが300pxを超えると、 親のdiv要素に縦スクロールバーが出る。 このとき、table要素の幅100%というのは、何ピクセルになるのか、を各ブラウザごとにまとめると、 以下のような感じになる。 IE6 スクロールバーの有無に関わらず、同じ。 ただし、子要素のtableが幅100%のときは、スクロールバーは領域の外側に表示される。 [対策