如何避免侧边栏展开或收起时页面内容超前伸？

在设置 CSS 样式时如何避免页面内容在展开或收起侧边栏时超前伸？

在布局中，通常侧边栏的展开或收起会导致页面内容发生位移。为了解决这个问题，需要对 CSS 样式进行适当的调整。

在示例布局中，.menu 设置为固定定位，导致其脱离文档流。在展开侧边栏时，.content 排版时不会考虑 .menu 占用的空间。

解决这个问题有两种方法：

1. 根据 AI 建议，为 .content 设置 padding-left 以留出 .menu 的空间。
2. 在 .layout 上使用弹性布局。这样，.menu 和 .content 可以各自占据所需空间，无需担心超出文档流的情况。

通过这样调整 CSS 样式，页面内容在展开或收起侧边栏时将不会出现超前伸的问题。