0

私は次のHTML構造を持っています:

<div class="outer">
<div class="inner">
<a href="#"/>
<a href="#"/>
<a href="#"/>
</div>
</div>

そしてCSS：

div.outer{
    position:relative;
    height:177px;
    width: 495px;
    margin: 0 10px 0 10px;
    overflow: hidden;
} 
div.inner{
    position: absolute; 

}

外側の div を動的にサイズ変更するにはどうすればよいですか? 高さの最小 - 最大は機能しません。ありがとうございました ！

4

1 に答える 1

1

これがあなたが望むように機能するためには、3つの宣言すべてを使用する必要があります：、、、min-heightは相対的な尺度であり、heightそしてmax-height両方はその相対的なサイズを適切な最小値に制限するために使用されます最大。例えば：heightmin-heightmax-height

.outer {
    overflow: auto;
    margin: 0 auto;
    width: 50%;
    border: 2px solid #000; /* The above just for aesthetics, adjust to change */
    min-height: 100px;
    height: 50%;
    max-height: 1000px;
}

JSフィドルデモ

デモでは、ウィンドウのサイズを変更して、「プレビュー」ペインを拡大/縮小して効果を確認します。

于 2012-05-09T11:24:52.773 に答える