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

Question

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

当我删除“width: 1000px;”从包装器 (.lfull) 开始，填充消失了，但我的内容将不再居中，是否有解决此问题的方法？

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

Answer 1

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

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

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