我想在页面的左侧固定菜单,占据宽度的20%,在右侧的内容占据其余80%。像这样:

html - 如何在左侧固定菜单,在右侧固定主要内容-LMLPHP

目前,我的设置如下所示:

html - 如何在左侧固定菜单,在右侧固定主要内容-LMLPHP

我尝试使用浮点数来分隔两个容器,但实际上没有用。

header#masthead {
    width: 100%;
    max-width: 20%;
    text-align: center;
    position: fixed;
    background-color: #232323;
    padding: 10px 20px;
    float: left;
}


如何将菜单放在侧栏(左侧)上,并将网站其余部分放在右侧?

这是我的jsfiddle:https://jsfiddle.net/Wosley_Alarico/4bv9h7ed/1/

最佳答案

这就是你所需要的。确保与此一起使用引导程序。

https://startbootstrap.com/template-overviews/simple-sidebar/

关于html - 如何在左侧固定菜单,在右侧固定主要内容,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/40021018/

10-09 15:27