100％宽度内的中心DIV创建填充权限？ - HTML / CSS

Question

我正在制作这个布局但是我已经在1000px的100％div中设置了包装器（.lfull），但在我将窗口调整为1000px之前，它会在右侧创建间距。

当我删除“width：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％;然而，当有足够的空间时，它将停止以1000px的速度增长并保持居中。