我们可以使用<body>代替#container div吗？

Question

我们可以使用<body>代替#container div吗？

我们可以给宽度和边框用来<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>

Run Code Online (Sandbox Code Playgroud)

Answer 1

dea*_*eau 7

你的例子回答了你的问题!Body是一个与其他任何元素一样的块元素.它具有宽度,高度,填充,边距和边框属性.

请注意,必须以严格而非怪癖的方式呈现页面,以便能够将body元素视为块级元素; 否则将其视为documentElement,所有投注均已关闭. - 尼克菲茨

那么我们可以使用body代替#container div吗？ - Jitendra

好理论.关于微软的耻辱. - 大卫多尔沃德
@Jitendra:你可以,但要彻底完成你的跨浏览器测试,特别是在滚动时:-) - NickFitz

视口和身体有什么区别？ - Jitendra

视口是浏览器窗口的可见区域,用于显示文档.正文是文档中的一个元素.在怪癖模式下,正文也将被视为documentElement:即文档的根节点,它将填充窗口,如果需要,将能够滚动.在严格模式下,html元素将被视为documentElement,而body将是其子元素.作为实验,通过添加样式规则html {background-color:#00f;更改测试页面. - 你会看到html元素包含`body' - NickFitz

好理论.关于微软的耻辱. (2认同)
@Jitendra:视口是浏览器窗口的可见区域,用于显示文档.`body`是文档中的一个元素.在quirks模式中,`body`也将被视为`documentElement`:即文档的根节点,它将填充窗口,如果需要,将能够滚动.在严格模式下,`html`元素将被视为`documentElement`,而`body`将是它的子元素.作为实验,通过添加样式规则`html {background-color:#00f;更改测试页面.你将看到`html`元素包含`body' (2认同)

归档时间：	15 年，10 月前
查看次数：	2230 次
最近记录：	15 年，10 月前