CSS3邊框/網格周圍的空隙

需要添加哪些代碼才能消除網格項與瀏覽器窗口邊緣之間的空隙？我是新來的網格和CSS，所以對我來說很容易。CSS3邊框/網格周圍的空隙

我不想圍繞網格的白色邊框; https://codepen.io/grabthereef/pen/YrpqGP

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

.wrapper > div{ 
    background:#ee0; 
}

來源

2017-09-23 oversoon

安置自己的代碼片段，所以你會回答 – msg

使用CSS復位。 http://cssreset.com/what-is-a-css-reset/ – shree33

添加代碼筆供參考 – oversoon

就像把這段代碼放在你的css fie一樣簡單。

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>

來源

2017-09-24 08:30:31

非常感謝你:) – oversoon

如果這種工作標誌着你的問題解決。因此，未來有人在同一個問題上掙扎可以很容易地解決他的問題。 –

添加下面的代碼到你的CSS文件：

body{ 
    margin: 0; 
}

將圍繞刪除空間。

來源

2017-09-23 22:54:50

非常感謝你 – oversoon

CSS3邊框/網格周圍的空隙

回答

相關問題