Html 如何将固定侧导航填充添加到MaterializeCS中桌面屏幕的内容中？

我目前有一个基本的轮廓，但当我缩小浏览器的宽度时，侧导航会覆盖导航栏中的内容和“徽标”。有没有可能给它一个桌面屏幕的填充（虽然不是移动的）

这是小提琴-

ADSFFADFSFDASADFSAFDS SADFS sadf sadf adfs

我看到您正在使用固定侧导航。您是否也在内容中添加了所需的填充以抵消它

假设您具有公共结构，并且您的内容位于

标记中，请将此添加到CSS文件中：

header, main, footer {
  padding-left: 240px;
}

@media only screen and (max-width : 992px) {
  header, main, footer {
    padding-left: 0;
  }
} 

为了清晰起见，这里有一个更新版本

---

请注意，我在

标记中添加了您的内容。

我看到您正在使用fixed SideNav。您是否也在内容中添加了所需的填充以抵消它

假设您具有公共结构，并且您的内容位于

标记中，请将此添加到CSS文件中：

header, main, footer {
  padding-left: 240px;
}

@media only screen and (max-width : 992px) {
  header, main, footer {
    padding-left: 0;
  }
} 

为了清晰起见，这里有一个更新版本

请注意，我在

标记中添加了您的内容