-1

2列のレイアウトを作成しようとしています。例https://medium.com/

スクロールしても左側のサイドバーが動かない。また、マウスがサイドバーの上にある場合、メイン コンテンツをスクロールできません。

どうすれば実装できますか。私は一日中努力してきましたw0w。

ありがとう

4

1 に答える 1

1

動作中の FIDDLE デモ

HTML

<div class="wrapper">
    <div class="sidebar">
        SIDE
    </div>
   <div class="main">
       CONTENT
    </div>
</div>

CSS

.wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.main {
    background: red;
    height: 100%;
    overflow: auto;
}
.sidebar {
    background: blue;
    width: 200px;
    height: 100%;
    float: left;
    overflow: auto;
}
于 2013-05-25T11:59:37.200 に答える