不需要的邊框，寬約320px

Question

我正在實現具有響應式設計的頁面。 最小寬度為320px。 當我將屏幕縮小到320px寬時，它周圍仍然有一個小邊框，這是<body>一部分（我將背景色設置為紅色）。

在此處輸入圖片說明

我的CSS是：

body {
    background-color: red;
    color: #010109;
}

#newPageTable {
    position: relative;
    min-width: 320px;
    height: 100%;
    margin: 0px auto;
    border: 0px;
    padding: 0px;
    background-color: #FFFFFD;
}

如何擺脫邊界空間並確保#newPageTable恰好適合屏幕？

Answer 1

重置默認margin和body padding ，如下所示：

body {
    background-color: red;
    color: #010109;
    margin: 0;
    padding: 0;
}

這樣做應該刪除該空間。

Answer 2

默認情況下，某些瀏覽器在主體邊緣周圍有邊距/邊距。

默認情況下，其他元素也具有邊距/填充。

您可以在樣式的開頭添加重置，默認情況下取消所有邊距/邊距：

*{
    margin: 0;
    padding: 0;
}

或僅將其應用於body標簽：

body{
    margin: 0;
    padding: 0;
}

如果您使用一些重置樣式表，則可以為您解決這一問題。

不需要的邊框，寬約320px

問題描述

2 個解決方案

解決方案1
3 已采納 2013-09-19 16:07:41

解決方案2
1 2013-09-19 16:10:49

不需要的邊框，寬約320px

問題描述

2 個解決方案

解決方案1 3 已采納 2013-09-19 16:07:41

解決方案2 1 2013-09-19 16:10:49

解決方案1
3 已采納 2013-09-19 16:07:41

解決方案2
1 2013-09-19 16:10:49