1

コンテナdivをdivの内部コンテンツ（順序付けされていないリスト）の高さまで拡張したいと思います。動作させることができません。何か案は？

HTML：

<div class="container">
    <ul id="list">
        <li>stuff</li>
        ...
    </ul>
</div>

CSS :(機能しません）

.container {
    width: 332px;
    height: 100%;
    padding: 0.4em; 
    position: relative; 
    overflow-y:scroll; 
    overflow-x:hidden;
}

#list {
    position: absolute;
    height:auto;
    width:317px;
}
4

4 に答える 4

4

100% はの含まれる要素の高さに基づいているため、 は拡張する必要があるというoverflow-y:scroll要件と競合します。height:100%.container

あなたがする必要があるのは、とを削除height:100%しoverflow-y:scroll、に置き換えることです。overflow-y:hidden私はそれがうまくいくと信じています。

PS。なぜあなたはそうする必要があるの#listですposition:absoluteか？

于 2012-06-07T17:37:45.430 に答える
3

を削除height: 100%;し、position: relative;から.container削除position: absolute;し#listます。

于 2012-06-07T17:58:46.430 に答える
0

.container の min-width および/または max-width 属性を設定します

于 2012-06-07T18:03:35.463 に答える
0

2 つのオプション: #list に height:100% を追加する

#list{
position: absolute;
height:auto;
width:317px;
height: 100%;
}

またはコンテナを ID として作成します。

#container{
... 
}
于 2012-06-07T17:38:36.670 に答える