Html 在某些情况下，带百分比宽度的居中div会收缩

我有一个网站，它将内容放置在具有以下样式的div中：

.container {
  padding-top: 40px; /*This is to leave space for a floating*/
  margin-left: auto;
  margin-right: auto;
  width: 75%;
  background-color: white;
  box-shadow: 0px 0px 10px hsla(0, 0%, 0%, 0.5);
}

这在两个页面上效果很好，但在第三个页面上，div缩小到正常宽度的一半左右，我不知道为什么。唯一明显的区别是这个页面包含一个列表，而其他页面只是段落，但是删除列表并不能解决问题。这里有两支钢笔，一支是那一页，另一支是那一页。画笔上缺少图像，但效果相同

---

提前谢谢

我不明白你为什么对

主体使用
position:absolute
，但是如果你把它取出来，你的问题就解决了…
我不明白你为什么对
主体使用
position:absolute
，但是如果你把它取出来，你的问题已经解决了…
你在体内的位置是绝对的。在您的工作示例中，文本足够宽，因此可以实现全宽，但在第三个示例中，文本很小，因此存在问题

您需要在正文中指定
宽度：100%
，或者如果没有用，只需将其删除。
您在正文中有
位置：绝对
。在您的工作示例中，文本足够宽，因此可以实现全宽，但在第三个示例中，文本很小，因此存在问题

您需要在正文中指定
宽度：100%
，或者如果没有用处，只需删除它。
正文是绝对的，没有宽度，添加到正文中宽度：100%；所以它填满了整个页面的宽度。。。顺便说一句，为什么身体是绝对的？重新启动时没有绝对值，但有余量：0；在身体上，所以不需要找一个有趣的黑客；）身体是绝对的，没有宽度，加上宽度：100%；所以它填满了整个页面的宽度。。。顺便说一句，为什么身体是绝对的？重新启动时没有绝对值，但有余量：0；在身体上，所以不需要找一个有趣的黑客；）这是一条评论，不是答案：）如果你看一下OP的CSS中的评论，最初的问题肯定来自body的默认边距，可以用边距0来修复，然后不再需要绝对值：）。正在等他回答我的评论问题。因此，从这里开始，他可以继续进行下去，而不去想他发现了一个黑客，但理解了一些东西这是一个评论，而不是一个答案：）如果你看一下OP的CSS中的评论，最初的问题肯定来自正文的默认边距，可以用边距：0来修复，然后不再需要绝对值：）。正在等他回答我的评论问题。因此，从那里，他可以继续进行下去，而不去想他找到了一个黑客，但理解了一些东西，谢谢，这是从以前留下来的，因为我挥舞着边缘崩溃的麻烦。删除它解决了这个问题。谢谢，这是以前留下来的，因为我挥舞着边缘崩溃的麻烦。移除它修复了问题。