HTML静态布局：固定宽度未被子元素继承的问题求助

这是因为浏览器默认给<body>元素设置了外边距（margin）：当你给容器设固定宽度1000px时，这个默认外边距会让页面两侧出现空白；而设width: auto时，容器会自动填充剩余空间，抵消掉外边距的影响。你忽略的核心配置是清除页面的默认外边距，具体解决方式如下：

• 直接清除<body>的默认外边距：

  body {
    margin: 0;
  }
  

  这能让固定宽度容器直接顶到页面两侧，消除空白。

• 若需要固定宽度容器居中显示（同时消除两侧空白），可在容器样式中补充：

  .container {
    width: 1000px;
    margin: 0 auto;
  }
  

  注意：这种情况仍需先清除<body>的默认外边距，否则容器和页面边缘仍会有间距。

• 可选：全局样式重置
  为避免浏览器默认样式带来的各类布局问题，可在CSS开头加入全局重置代码：

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

  这会清除所有元素的默认内外边距，同时让盒模型更可控，减少后续布局意外。

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