3

少数の div で構成されるサイト レイアウトを設計しています。サイト全体がコンテナに入っています。ロゴの下にあるものはすべて構築されており、コンテンツラッパーでラップされたコンテンツがあります。content-wrapper には、sidebar-wrapper と main-wrapper の 2 つの子があります。main-wrapper でいくつかデザインしたいのですが、firefox で正しく表示されません。メインとサイドバーの両方がテーブル セルを表示するように設定されていますが、メイン ラッパーの右側にテキストを含む img を追加すると、メイン ラッパーの幅が変更され、親 div (コンテンツ ラッパー) よりも少し広くなります。これは、Firefox と IE で発生します (Chrome はうまく機能しています)。これは、firefox と chrome で有効になっている dev-tools で撮影されたいくつかの画像です。

クロム： ここに画像の説明を入力

ファイアフォックス: ここに画像の説明を入力

テーブルセルを親の幅で埋める方法、またはこの問題を何らかの方法で修正する方法はありますか?

4

2 に答える 2

7

table-layout:fixed;ラッパー div (を指定するもの)を試しましたdisplay: table;か?

同様の問題がありました。このプロパティは、テーブルの内容によって決定されるのではなく、テーブルを固定幅に強制します。デフォルトでは、テーブルの列は行内の最も広いセル (壊れやすいコンテンツを含む) の幅に設定されています。この場合、画像の場合、2 番目の列が大きすぎます:)

詳細については、こちらtable-layoutをご覧ください

于 2013-11-26T10:56:28.063 に答える
1

以下の行をテーブルクラスに配置します

table-layout: fixed;
于 2015-11-28T10:15:09.187 に答える