14


min-height の div タグを作成し、背景色を「赤」にしました。しかし、mozilla Firefox では、コンテンツが min-height 制限を超えたときに div の高さが増加しません。ここに私のコードがあります:

<style type="text/css"><!--
ul {
    display:block;
    padding:0px;
    width:500px;
}

.b {
    width:250px;
    float:left;
    display:block;
}

div {
    min-height:50px;
    width:500px;
    background-color:red;
}
--></style>

<div>
    <ul>
        <li class="b">asdsad</li>
        <li class="b">asdsad</li>
        <li class="b">asdsad</li>
        <li class="b">asdsad</li>
        <li class="b">asdsad</li>
        <li class="b">asdsad</li>
        <li class="b">asdsad</li>
    </ul>
</div>

コンテンツに合わせて div の高さを設定する必要があるようですが、それ以外の方法がわかりません。高さを使用しないと、背景色を設定できません。どうすればよいか教えてくださいコンテンツを div に合わせると、背景色が赤になります。
（私がそれを明確に説明したかどうかわからないので、質問についてもっと知りたい場合は私に聞いてください。）

-ありがとう。

解決済み:親切な回答をありがとうございました。

4

8 に答える 8

31

Firefox では、プロパティでmin-height解釈されません。テーブルの最小高として解釈されるため、代わりに使用してみてください。display: table(-*);height: 50px;

ソース

于 2014-08-29T13:22:46.100 に答える
2

要素の表示がテーブルに設定されている場合、Firefox は実際に高さを設定せずに min-height プロパティを無視します。

要素を display:block に切り替えることで、Firefox は min-height プロパティを尊重しました。

于 2015-05-11T18:09:44.333 に答える
1

以下を追加しましたが、うまくいきました：

body {
  height:100%;
}
于 2016-03-03T08:53:53.793 に答える
0

min-height:50px の代わりに; パディングを追加するだけです: 25px 0;

于 2017-01-09T14:17:28.183 に答える