身體100％寬度的目的

身體和html元素width: 100%的可能用途是什麼？身體100％寬度的目的

有時候，我能看到類似的實時網頁瀏覽該復位般的片段，以及在StackOverflow的答案：

html, body 
{ 
    width: 100%; /* ? */ 
    height: 100%; 
    margin: 0; 
}

問題可能聽起來很傻，但它確實困擾着我。我不喜歡在HTML文檔的根元素中存在一些「黑魔法」的情況。這讓我覺得我不明白我在做什麼的基本輪廓。

2017-01-23 john c. j.

我認爲這是重置的身體和HTML元素的標準格式跨平臺的CSS規則。如果我沒有記錯的話，如果這些規則沒有設置，一些瀏覽器會有不同的反應。 – Nitin

[CSS body width 100 percent]可能的重複（http://stackoverflow.com/questions/23560084/css-body-width-100-percent） –

由於Nitin說它被稱爲「重置」它只是爲了使確保你的風格看起來如預期。如果時間不是最需要的，但最好的安全性比抱歉的多。 –

添加這種樣式只是爲了確保html和body佔據屏幕的100％寬度。只是在某些情況下重寫默認值的情況下（例如在另一個CSS文件中）。但我從來沒有見過一個瀏覽器有另一個默認值，那麼這個。

如果您設置了另一個值，它將佔用大於或小於100％。

html, body { 
 
    width: 125%; 
 
}

In this case body will occupy 125% * 125% = 156.25% of screen width because of 125% body width relative to 125% html

2017-01-23 23:33:10

好的。但是body元素默認是100％寬度。 OP的問題是_爲什麼有必要將其設置爲100％_？ – Turnip

以防萬一，如果有什麼是重寫默認值。從來沒有見過一個瀏覽器有另一個默認值，那麼這個。 –

回答