0

私は次のように外部DIVを持っています。ブラウザでチェックインすると、クラスが指定された外側のDIVcolx2-rightは、その内側の領域のほぼ半分の正しいサイズです。

.colx2-right {
    float: right;
    margin-bottom: 0;
    width: 48%;
}

上記のDIVの中に、次のように定義されたCSSテーブルがあります。

div.container {
    display: table;
}

列の1つに大量のデータがある場合、テキストはcolx2-rightDIVの端からオーバーフローします。colx2-rightDIVの境界内にとどまる方法はありますか？

問題を示すフィドルを作成しました。ここでは、黄色と赤の背景の色が50％未満であることがわかりますが、赤の背景はその中のテーブルを制約しません。

フィドル

4

1 に答える 1

1

div.containerに幅を100％に設定すると、希望どおりに機能するはずです。

そうでない場合、私はおそらくあなたの質問を正しく理解していません。混乱が生じないように、 http： //www.jsfiddle.netで例を投げると役に立ちます。

別の考え（私はdisplay：tableをdivで使用したことはありませんが）：display：tableを使用したので、divは実際にはテーブルであると想定するかもしれません。これは、テーブルレイアウトのプロパティが適用されることも意味します。

table-layout:fixed;100％幅を設定してみてください。

于 2012-11-30T07:41:21.537 に答える