0

display: table および table-cell div (display:table div に配置) を使用して、サイトのレイアウトを作成しています。セルは 2 つしかありません (1 つ目はサイドバー、2 つ目はメイン コンテンツです)。Firefox では問題なく動作しますが、Chrome やその他の Webkit ブラウザーでは、サイドバーのコンテンツがメイン コンテンツの下に移動するだけです。列のレイアウトはうまく機能しますが、webkit がサイドバーのコンテンツを 2 行目に、メイン コンテンツを 1 行目に配置しているようです。また、テーブル行の div 内に div (サイドバーとメイン) aleso をラップしようとしましたが、機能していません。Firefox では次のように表示されます。 ファイアフォックス

Chrome では次のようになります。 クロム

これに対する解決策はありますか?

4

1 に答える 1

0

問題は通常、垂直方向の配置です。

vertical-align: top;

でレンダリングする要素display: table-cell、つまりおそらくサイドバーの場合。次に、そのコンテンツが上から流れ始めます。

于 2013-06-10T09:44:28.177 に答える