100% 宽度内的居中 DIV 创建填充，对吗？ - HTML/CSS

Question

我正在制作这个布局，但是我已经在 1000 像素的 100% div 内设置了包装器 (.lfull)，但是在我将窗口大小调整为 1000 像素之前，它会在右侧创建间距。

当我擦除“宽度：1000px;”时从包装器 (.lfull) 中，填充消失了，但我的内容将不再居中，有办法解决这个问题吗？

DEMO HERE COMPUTER（将屏幕大小调整为 1000）
Phone screenshot (makes the problem more clear)

Answer 1

仅当视口宽度小于1000px 时才会出现此问题。这是一个简单的解决方案，我认为可以实现您的目标：

.lfull {
  margin: 0px auto;
  padding: 0px;
  width: 100%;
  background: green;
  max-width: 1000px;
}

当内容空间不足时，这会将宽度设置为 100%；但是，当有足够的空间时，它会在 1000 像素处停止增长并保持居中。