css – 左侧固定菜单,内容可滚动

前端之家收集整理的这篇文章主要介绍了css – 左侧固定菜单,内容可滚动前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想要一个固定在左边的菜单,内容可以在右边滚动.

我想要做的就是这个网站:http://other.wpengine.com/

菜单固定,内容可滚动.

你能帮助我吗?

提前致谢!

解决方法

快点一个,来看看吧.你应该至少尝试过自己,但我做得不多,所以这就是为什么我做了些什么.

HTML:

<div id="left">Side menu</div>
<div id="right">Scroll
    <br />Scroll
    <br />Scroll
</div>

CSS:

html,body {
    height: 100%;
    margin: 0;
    font-size: 20px;
}
#left {
    width: 20%;
    height: 100%;
    position: fixed;
    outline: 1px solid;
    background: red;
}
#right {
    width: 80%;
    height: auto;
    outline: 1px solid;
    position: absolute;
    right: 0;
    background: blue;
}

DEMO HERE

猜你在找的CSS相关文章