0

コンテナの高さに合わせてサイドバーを拡張しようとしています。私は何が欠けていますか？
</p> 

.container {
    border: 1px solid red;
    overflow:hidden;
}

.sidebar {
    border: 1px solid blue;
    width: 50px;
    float: left;
    min-height: 10px;
    height: 100%;
}

.column {
    border: 1px solid black;
    width: 100px;
    height: 200px;
    float: left;
}​

フィドル：リンク

4

1 に答える 1

3 
.container {
    border: 1px solid red;
    overflow:hidden;
    position:relative;
}

.sidebar {
    border: 1px solid blue;
    width: 50px;
    min-height: 10px;
    position:absolute;
    top:0;
    bottom: 0;
}

.column {
    border: 1px solid black;
    width: 100px;
    height: 200px;
    margin-left: 50px;
}​

コンテナの位置を相対的にして、サイドバーをコンテナ内に絶対に配置できるようにします。次に、サイドバーの上下の位置を 0 に設定して、高さいっぱいに広げます。また、サイドバーの幅だけ左から列 div を押し出す必要があります。

デモ

于 2012-09-17T19:24:30.280 に答える