1

下の画像でわかるように、「画面」のサイズの赤いdivがあります。私が望んでいるのは、その領域でのみコンテンツをスクロール可能にすることです。それを行う方法はありますか？

ここに画像の説明を入力してください

パッド全体のcss：

#mainWindow{
    margin-left:auto;
    margin-right:auto;
    background-image:url("../images/mainWindow.png");
    background-size:100% 100%;
    height:100%;
    width:80%;
    padding:55px 60px 95px 65px;
    box-sizing:border-box;
    position: relative;
}

画面のcss：

#screen{
    border:1px solid red;
    width:100%;
    height:100%;
}
4

4 に答える 4

3

CSS 宣言に追加overflow-y: scrollしてみてください。#mainWindow

#screen(または、 CSS 宣言の代わりに。)

于 2012-10-17T17:49:27.793 に答える
2

その div のオーバーフロー プロパティを設定します。

overflow:scroll;
于 2012-10-17T17:50:01.357 に答える
1 
#divID {
    overflow: scroll;
}

...うまくいくかもしれません。親要素がスクロールしないようにする必要がある場合は、次のように設定できます。

#divID {
    overflow: hidden;
}
于 2012-10-17T17:51:44.437 に答える
0

お探しの CSS タグは「overflow」です

于 2012-10-17T17:50:36.110 に答える