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: 0;
}

它将删除周围的空间。

Answer 2

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

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

工作代码段

＆＃13;

＆＃13;

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

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

.wrapper>div {
  background: #ee0;
}

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;