質問: CSSに関する質問です。 すみません、よいタイトルがみつかりません。 画面上2つの表示領域があります。 左側がwidth:60%、右側がwidth:40%になっています。 右側の表示エリアにTABLEを置いてwidth:100%にしています。 ただ、これだと、TABLEの内容が長い文章が入った時に、 右側の表示領域が全体の40%を超えてしまいます。 そこで、overflow:scrollを入れてスクロールバーを出させようとしたのですが TABLEのwidth:100%指定では結局全部表示しようと広げてしまいます。 max-widthを指定すれば、右側全領域の40%にみたないサイズの表示をしてしまいます。 こういう時はどうすればよいのでしょうか? 例) あああ・・・・のところを改行させずに横スクロールバーを出したくて nowrapで改行させず、scrollをいれたのですが、 のstyleを固定widthにすれば、画面サイズが広いときに めいっぱい広がってくれないし、100%にすれば、スクロールバーは 表示しても、親の40%を超えて広がって意味がない状態になってしまうので こういうときはどうすればよいのかわからずにいます。 ※そもそもTABLEでレイアウトしてるのがいけないかもしれませんが、 %を使用している限り同じような気がして試していません・・・。 ``` あいうえお ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ ```
回答: `table-layout: fixed;` の位置が違いますよ。 ``` あいうえお ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ ``` **動くサンプル:**