css - Div 不是浏览器的 100% 宽度

Question

我的 div 不会拉伸(stretch)浏览器的整个宽度，它会在两端短约 10px 时停止。

.header {
  position: relative;
  background-color: #088ed7;
  width: auto;
  height: 20px;
}

<div class="header">...</div>

我已经尝试了 auto 和 100% 但仍然得到相同的结果。

Answer 1

这可能是页面的边距和/或填充。

添加:

html, body {
  padding: 0;
  margin: 0;
}

.header {
  margin: 0;
}

html,
body {
  padding: 0;
  margin: 0;
}

.header {
  margin: 0;
  position: relative;
  background-color: #088ed7;
  width: auto;
  height: 20px;
}

<div class="header">...</div>