Banner两边都有差距

Question

所以我想在整个页面上制作我的横幅expand， 我已经尝试了width: 100%，但它两边都有差距（宽度约为5px），为什么会这样做呢？

CSS

.banner {
width: 100%;
height: 300px;
border-bottom: 1px solid #000;
}

Answer 1

这是您的浏览器默认边距和填充，请在您的css中执行此操作：

body {
  margin: 0;
  padding: 0;
}