设置width为100%后，页眉页脚左侧仍有间隙的CSS解决方法

这个间隙是浏览器默认给<body>元素设置了8px外边距导致的，直接重置body的边距就能消除：

body {
  margin: 0;
}

如果需要更彻底地统一元素默认样式，避免其他潜在布局问题，也可以用通用选择器清除所有元素的默认边距、内边距，同时设置盒模型规则：

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

box-sizing: border-box能让元素的宽高计算包含内边距和边框，避免后续布局出现意外偏移。

内容的提问来源于stack exchange，提问作者stevenvh