風格身體標記是一個好主意嗎？

在我的固定寬度的網站，我有一個類似的佈局：風格身體標記是一個好主意嗎？

<div id="wrapper"> 
    <header>...</header> 
    <div id="content">...</div> 
    <footer>...</footer> 
</div>

我的CSS與此類似：

#wrapper { 
    width: 700px; 
    margin-left: auto; 
    margin-right: auto; 
}

樣式化<body>標籤以同樣的方式也適用，並且它使我的代碼更具可讀性，因爲我嵌套的嵌套標記更少。

正在應用margin和fixed與<body>一個安全的想法？

2011-04-27 Blender

這是「安全的」，但固定寬度的網站是沒有很好的利用了媒體的IMO。 – 2011-04-27 06:47:09

這真的取決於你談論什麼樣的造型。如果你正在談論背景色，那麼一定要把它做到身體上。如果你正在談論設置寬度，那麼下面提到了一些考慮因素。 – 2013-03-11 08:15:29

這是非常安全的，body是一個像所有其他HTML元素。

對於你的佈局，你可能仍然想使用#wrapper（看起來像一個固定寬度的佈局），因爲你可能想爲body設置一個背景（或者用可見的「空白」空間做一些事情）。

2011-04-27 06:51:14 kapa

+1我會說同樣的，你打我:)。 – Kevin 2011-04-27 06:51:57

你總是可以爲html元素本身設置背景。 – 2011-04-27 06:53:42

@Madmartigan謝謝，我不確定它總是有效，仍在研究。 – kapa 2011-04-27 06:57:29

造型身體標記很好，但它的確意味着如果您需要在網站上進行更改，那麼您沒有其他「備用」標記可以修改。身體標籤通常是一個安全的標籤，可以方便將來進行更改。

對jcomeau_ictx：有一百萬個原因使用固定寬度的網站。我認爲你會發現更多固定寬度的網站，而不是流動網站。

2011-04-27 06:53:58 cusimar9

我使用XHTML嚴格doctype測試IETester中這些元素的寬度/邊距/填充。

到目前爲止我的用於<body>以下：

IE 5.5 - FAIL（將不設置寬度，或背景擴大超出尺寸），填充/保證金行

IE 6 - PASS

IE 7 - PASS

IE 8 - 榮譽的寬度，但不處理填充/保證金完美

頁我使用here

測試與寬度和餘量應用於HTML元素here：

IE 5.5 - 相同的，除了餘量/填充將不起作用

IE 6 - 不會兌現寬度

IE 7 - 榮譽寬度，但不會以display:block和margin:0 auto爲中心，寬度設置爲px。

IE 8 - 榮譽的寬度，但不處理填充/保證金完美

當寬度在所有的情況下設置爲html元素，它實際上呈現爲好像它是填充，通過限制體元件。

這很有趣，但我走氣體與現在這個樣子，時間回到實際工作;）

2011-04-27 07:05:24

我懷疑很多人使用IE5.5，但我不知道這個東西發生在IE6/7的''元素。我將不得不玩弄一些瘋狂的CSS，看看我可以打破什麼... – Blender 2011-04-27 07:17:46

是的沒有人使用IE5.5，當然，但我認爲它*** ***在IE 5.5中，我們' d都感到安全（r）使用它。 – 2011-04-27 07:18:37

回答