0

小さな問題があります。テーブル行の高さに応じて、テーブル セル内にネストされた DIV をすべて 100% に収める方法を見つけた後、Firefox または IE では機能しないことに気付きました。説明する代わりに、次のページをご覧ください: http://www.faganarms.com/testcategory.aspx

ここに画像の説明を入力

内容に応じて、各行のすべてのセルをその行の高さに拡張しようとしています。1 つの行の説明が非常に小さい場合、長い説明の行よりも高さが短くなることがあります。FF または IE で、私が修正しようとしている動作に気付くでしょう。

問題は、HTML の一部しか編集できず、他の部分は CSS でしかスタイルできないことです。の内容は編集できますがtd.product-list-item-container、そのテーブルの構造は編集できません。ソフトウェアにハードコーディングされています。

誰かが問題が何であるかを見ていますか? display: table-rowと を使用してここで見つけたいくつかの方法を試しましたdisplay: tableが、少なくとも Chrome では、これほど成功したものはありません。Webkit対応のメソッドだけは見つけられなかったので、何か抜けているのかもしれません。

4

2 に答える 2

1

min-heightCSS プロパティを使用して、1 行の高さに設定できます。これは、div クラス「product-list-item」に対して行う必要があります。これで、div はこの高さを最小値とするか、高さを必要な高さに設定します。

于 2013-05-22T13:12:09.887 に答える
0

display: inline-blockテーブルの行からすべてのパディングを削除し、テーブルの行に追加height: 100%しdiv.product-list-item、パディングを追加したdiv.product-list-itemところ、FFで正常に機能しました。

于 2013-05-22T14:13:37.387 に答える