Question

我有一个网站，使用以下样式将内容放在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缩小到正常宽度的一半，我无法弄清楚原因。唯一明显的区别是此页面包含列表而其他页面只是段落，但删除列表并不能解决问题。这是两个笔，works和doesn't的页面。笔上缺少图像，但效果相同。

提前致谢！

Answer 1

我不明白你为position: absolute使用body的原因，但是如果你把它拿出来，问题就解决了......

Answer 2

你身体里有position:absolute。在您的工作示例中，文本足够宽，以便您实现全宽，但在第3个示例文本中很小，因此存在问题。

您需要在正文中指定width:100%，如果没有用，只需删除它。

在某些情况下，以百分比宽度为中心的div会缩小

2 个答案: