Html 位置固定-下一步是什么？

我已经做了一个菜单，应该一直保持在左边，下面的代码

.menu {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 220px;
    background-color: rgb(223, 223, 223);
    border-right: 1px solid rgb(200, 200, 200); 
}

现在我希望我的文字出现在我的菜单旁边

也有一点问题。

---

就像@Cayce K所说的，你可以在你的内容上使用

填充

。对于移动设备，您可以始终隐藏左侧的导航，并添加一个按钮来打开它

快速Mocup：

调整窗口大小，您将看到效果

#open {
    display: none;
    position: fixed;
    top: 0;
    right: 50px;
}
.test {
    padding-left: 220px;
    left: 0;
    right: 0;
    position: relative;
    height: 3000px;
}
@media only screen and (max-width: 30em) {
    .menu-wrapper {
        display: none;
    }
    .test {
        padding-left: 0;
    }
    #open {
        display: block;
    }
}
.showButton {
    display: block;
}

打开菜单按钮的JQuery示例：

$('#open').click(function () {
    $('.menu-wrapper').toggleClass('showButton');
});

---

它是固定的，因此将从文档“流”中删除。如果您想让文本在菜单右侧的菜单中流动，则必须使用不同的定位方案。@MarcB您会推荐什么？我希望它一直粘在左边。你可以在站点容器的左边填充

padding:220px

唯一的问题是这是一个定义的宽度，不灵活，所以你以后必须考虑到这一点。耶@CayceK这是一个主意，但我想这不是最好的方法？这是最好的主意：）谢谢，那很好@也谢谢你的帮助。