5

私には親#outと子の#indivがあります。親は絶対位置にあり、最小の高さは100％です。動作しますが、min-height：100％を子にも設定すると、結果が得られません。

HTML：

<div id="out"><div id="in">foo<br/>bar</div></div>

CSS：

#out {
    position: absolute;
    min-height: 100%;
    background-color: green;
    width: 100%;
}
#in {
    min-height: 100%;
    background-color: red;
}

Opera JSfiddleリンクでのみ機能します：http：//jsfiddle.net/TPyKS/

4

3 に答える 3

5

絶対位置の要素は、DOM内の他の要素とインラインで計算されません。それらは独自のフローティング要素として扱われます。他の要素の高さ/幅はそれらにとって何の意味もありません。したがって、それらにパーセンテージベースの最小高さ/最小幅を設定することはできません。高さ/幅を明示的に設定する必要があります。

于 2013-02-10T17:15:38.533 に答える
3

height: 100%;に追加#out

#out {
    position: absolute;
    min-height: 100%;
    background-color: green;
    width: 100%;
    height: 100%;
}

ワーキングデモ：http：//jsfiddle.net/enve/TPyKS/1/

于 2013-02-10T17:14:23.710 に答える
2

の変更min-height :100% to height :100% on #outは機能します...

更新されたフィドル：http：//jsfiddle.net/TPyKS/2/

于 2013-02-10T17:17:23.690 に答える