2009-11-10 37 views
6

我們可以給<body>設置寬度和邊框,並使用Container div嗎? see this example我們可以使用<body>代替#container div嗎?

看到這個文件的源代碼和文件的代碼也完全W3C有效。並在IE 7和Firefox 3.5中看起來相同。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" dir="ltr"> 
    <head> 
    <title> Width in body</title> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
    <style type="text/css"> 
     html { background-color: #00f; } 
    body{background: #cd5c5c;width:800px;height:400px;border:1px solid;color: #fff;margin:0 auto;} 
    </style> 
    </head> 
    <body> 
    <p>Hello world!</p> 

    </body> 
</html> 
+2

幾個人說,封閉不是一個真正的問題。其實,這是一個完全有效的問題,並帶有有趣的答案。當然,現在問題已經解決了,沒有人會在這裏探討這個問題。相當傷心。我們可能已經談到了這樣一個事實:在某些瀏覽器中,一個用於在body上使用最小寬度css屬性的內容可以確保即使在較小的瀏覽器情況下也可以看到內容。這個問題是一個失敗的機會。 – artlung

+0

OP需要在帖子中提供示例代碼,而不是鏈接到他的網站。就目前而言,這篇文章回顧了推廣OPs網站的努力。 –

+0

@SinanÜnür誰在操作?添加代碼 –

回答

7

你的例子回答你的問題! Body是一個像其他任何塊一樣的元素。它具有寬度,高度,填充,邊距和邊框屬性。

  • 請注意,頁面呈現嚴格而非怪癖模式以便能夠將body元素作爲塊級元素進行呈現是非常重要的;否則將被視爲documentElement並且所有投注都將關閉。 - NickFitz

那我們可以用身體代替#container div嗎? - Jitendra

  • 好理論。對微軟感到羞恥。 - 戴維·多沃德
  • @Jitendra:可以,但要徹底與您的跨瀏覽器測試,特別是當它涉及到滾動:-) - NickFitz

是什麼視和身體之間的區別? - Jitendra

  • 視口是顯示文檔的瀏覽器窗口的可見區域。正文是文檔中的一個元素。在怪癖模式下,主體也將被視爲documentElement:即文檔的根節點,它將填充窗口,並且如果需要將可以滾動。在嚴格模式下,html元素將被視爲documentElement,並且正文將成爲該元素的子元素。作爲一個實驗,通過添加樣式規則html {background-color:#00f; } - 你會看到html元素包含`body' - NickFitz
+0

那我們可以用身體代替#container div嗎? –

+2

好理論。對微軟感到羞恥。 – Quentin

+1

請注意,重要的是頁面以嚴格而非怪癖的模式呈現,以便能夠將'body'元素視爲塊級元素;否則它被視爲'documentElement'並且所有投注都關閉。 – NickFitz

相關問題