Html 当文章内容超过折叠时，容器上的左边填充物

我有一个容器，里面有我的标题、导航、边栏和文章。当文章的内容经过折叠处时，容器的左侧会添加填充物或边距。当容器向右晃动时，在内容经过折叠的页面和没有折叠的页面之间切换时，这一点很明显

HTML

博客






职位2
Lorem ipsum dolor sit amet



职位3
Lorem ipsum dolor sit amet

CSS

页眉、页脚、导航、文章、旁白{display:block；}

#容器{边框半径：20px；背景颜色：#97C02F；填充：10px 50px 30px 50px；边距：0px自动；宽度：880px； 溢出：自动；}

旁白{float:左；宽度：150px；右填充：15px；颜色：红色； 页边距顶部：15px；}

第{条浮动：左；宽度：660px；左边距：20px；}

第{字体系列：'droidsans'，Sans serif；颜色：#FFFFFF； 字体大小：15px；字体重量：正常；}

---

我还没有插入所有的代码，但我想我已经插入了必要的位。

您可以使用

html{overflow-y:scroll}

强制滚动条，即使内容不需要滚动，所以不会发生这种跳跃。

可以在CSS类中使用的html语法来处理容器或div中的任何超出部分；等等

此代码允许您在必要时访问滚动条

.of{overflow:auto}

---

我还没有看过HTML和CSS，但是你的“问题”不是仅仅是因为浏览器在右边添加了一个滚动条，因为页面比屏幕大吗？这会使页面的宽度减少滚动条的宽度哇，我觉得很愚蠢。有几个人看了这个，但是没有人注意到明显的问题。谢谢有没有办法解决这个问题，因为我不喜欢页面跳到右边的方式？我认为Ben关于添加垂直滚动条的说法是正确的。您可以使用

html{overflow-y:scroll}

强制滚动条，即使内容不需要滚动，也不会发生这种跳转。问题在于

边距：auto

，因为这会使它居中，从而使页面跳转。我建议你接受它，因为另一种选择是将你的内容放在左边而不是中间，这比我使用motoxer4533的解决方案要难看得多。谢谢你向我指出显而易见的问题，谢谢你的解决方案！

.of{overflow:auto}