與HTML身體寬度和高度有關的問題

-1

根據this question，我宣佈我的HTML和body爲100％的高度和寬度。然而，它留下了我無法刪除的底部空間。與HTML身體寬度和高度有關的問題

什麼問題？如果我只是抹去了這個陳述，並且保留了所有百分比高度和寬度都沒有的東西。

我也設置邊距和填充爲零，它留下了約5％的HTML高度的空間。我已經看到了Chrome中的所有檢查元素，它表明多餘的空間包含在身體和其他地方。

來源

2013-06-18 Ankit Ladhania

請張貼您的代碼導致問題。 – doptimusprime

這是一個非常大的代碼，我怎麼能發佈它 –

身體有8px的餘量。將此添加到您的身體CSS邊距：0; padding：0;' –

如果您複製的問題完全相同的代碼的HTML文檔中，你需要刪除padding和border性能，增加了寬度，以你的元素

.Container { 
    width: 100%; 
    height: 100%; 
    border: solid 1px red; /* Remove this */ 
    margin: 0 auto; 
    padding: 0 1em; /* Remove this */ 
    font: 12px/1.5 Verdana; 
    background-color:red; 
}

The one which have scroll bars

Fixed one

解釋：如果你看到下面

enter image description here

填充和邊框盒模型計算的元素之外，從而爲您的容器元素是100％的寬度已經把它添加在元素

的兩側 1em

來源

2013-06-18 13:04:12

我已經看到了鉻中的所有檢查元素，它表明額外的空間是包含在身體無處 –

@AnkitLadhania你確定你已經做了什麼quentin告訴你做什麼？你是否也申請了我的解決方案？ –

我只是從給定的小提琴身上和身高部分注意到否則我正在做其他 –

如果其他條件相同，瀏覽器會爲html和/或body元素添加默認邊距和/或填充。

100％加上一些邊距或填充大於100％，並將創建滾動。

刪除它以刪除滾動。

html, 
body { 
    margin: 0; 
    padding: 0; 
}

來源

2013-06-18 12:57:31 Quentin

我已經做了這個 –

它會滾動，如果他有明確的利潤/父母元素的填充 –

@alien請解釋你的意思 –

-1

simply give 
body 
{ 
margin:0px; 
}

來源

2013-06-18 13:00:44 arun

哇，拍手..... –

我認爲OP已經這樣做。 –

與HTML身體寬度和高度有關的問題

回答

相關問題