网格周围的CSS3边界/间隙

Question

我需要添加哪些代码来消除网格项与浏览器窗口边缘之间的差距？我是刚接触网格和CSS的，所以请轻松一点。

我不希望网格周围的白色边框；https://codepen.io/grabthereef/pen/YrpqGP

.wrapper{
    display: grid;
    grid-template-columns: 2fr 2fr;
}

.wrapper > div{
    background:#ee0;
}

Answer 1

它就像把这段代码放入你的css中一样简单。

body {
  margin: 0px;
  padding: 0px;
}

工作片段

​

body {
  margin: 0px;
  padding: 0px;
}

.wrapper {
  display: grid;
  grid-template-columns: 2fr 2fr;
}

.wrapper>div {
  background: #ee0;
}

<div class="wrapper">
  <div>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat, nam.
  </div>
  <div>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, quia.
  </div>
  <div>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat, nam.
  </div>
  <div>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, quia.
  </div>
</div>

​

Answer 2

将以下代码添加到css文件中：

body{
  margin: 0;
}

它会移除周围的空间。