1. ホーム
  2. css

divをスクロール可能にする

2023-10-02 18:41:07

質問

ラップトップに関連するデータをフィルタリングするために、いろいろなものを表示するdivを持っています。div は、その中のデータ サイズが大きくなるにつれてサイズも大きくなります。

divのサイズを最大450pxのままにして、データが増えたら自動的にスクロールするようにしたいのですが。divのサイズは大きくならないようにしたい。

jsfiddle を使っています。

cssを使用します。

.itemconfiguration
{
    min-height:440px;
    width:215px;
    /* background-color:#CCC; */        
    float:left;
    position:relative;
    margin-left:-5px;
}

.left_contentlist
{
    width:215px;
    float:left;
    padding:0 0 0 5px;
    position:relative;
    float:left;
    border-right: 1px #f8f7f3 solid;
    /* background-image:url(images/bubble.png); */
    /* background-color: black; */
}

誰かこれを達成するのを手伝ってくれませんか?

どのように解決するのですか?

使用方法 overflow-y:auto を使用すると、コンテンツがdivに設定された高さを超えた場合に自動的にスクロールして表示されます。

このデモを見る