html - 关于位置 : fixed 的混淆

Question

如图所示，我希望“菜单”固定在左侧(A fixed Sidebar)。为此，我尝试了 position: fixed; top: value; 简单。问题是菜单已修复，但它与页脚重叠，而且 z-index 属性在这里似乎也不起作用。对代码的这种行为有任何解释吗？而且我还在使用 bootstrap v4 网格系统。

Answer 1

当您使用 position: fixed 时，元素从文档流中取出，并且相对于视口(viewport)应用 top、left、right、bottom 属性。

对侧边栏使用 position: fixed 可能合适也可能不合适，这取决于您希望该侧边栏的行为方式。