我可以放棄css #wrapper並將樣式轉換爲html標籤和body標籤嗎？

我可以放棄css #wrapper，並將樣式向上移動到html標籤和body標籤以固定寬度，居中佈局？我可以放棄css #wrapper並將樣式轉換爲html標籤和body標籤嗎？

html { 
     background-color: lightgrey; 
     text-align: center;  
    } 
    body { 
     margin: 0 auto; 
     width: 800px; 
     background-color: white;  
     display: block; 
    }

它似乎在Firefox，Chrome和IE7 +上運行得非常好。潛在的缺點是什麼？

來源

2013-02-28 Mark Duiker

你打算通過這樣做獲得什麼？除了刪除2行的HTML？ – PlantTheIdea 2013-02-28 15:47:47

就是這樣。 #wrapper代碼有點bug我。 – 2013-02-28 15:49:02

可能重複的[指定的身體CSS寬度是安全的嗎？]（http://stackoverflow.com/questions/4986836/specified-body-css-width-is-safe） – Rawling 2013-02-28 15:53:59

沒有什麼錯用<body>作爲包裝除了如果你綁到支持IE 7 ..由於特殊的變焦「錯誤」 ..

當施加保證金或寬度到身體和用戶放大，IE7不正確地將身體的左邊緣視爲視口的邊緣。這種轉變將屏幕右側的內容顛簸。

來源

2013-02-28 15:52:53 Adrift

有一些缺點：http://www.sitepoint.com/styling-the-html-and-body-elements/ ...只要你說明這些怪癖，你很好。 – PlantTheIdea 2013-02-28 15:53:40

我沒有看到任何缺點..只有好處。通過向其中添加一個類，您可以更輕鬆地覆蓋其他頁面上的html或body上的樣式。我想這會是一個缺點，如果你沒有希望能夠做到這一點（或者如果你想讓它更難）。

我還建議不要在樣式表中使用ID ..甚至是元素（即堅持類和僞類）。這使得通過簡單地添加和刪除其他類更容易更新元素的樣式。然而，使用html和body可能是可以的，因爲只有其中的一個。

來源

2013-02-28 15:51:36

+1這是一個很好的HTML代碼我會說。 – insertusernamehere 2013-02-28 15:55:00

我可以放棄css #wrapper並將樣式轉換爲html標籤和body標籤嗎？

回答

相關問題