Question

我们可以为<body>提供宽度和边框并代替Container div吗？ see this example

查看此文件的源代码和文件代码也完全符合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>

Answer 1

您的示例回答了您的问题！ Body是一个与其他任何元素一样的块元素。它有宽度，高度，填充，边距和边框属性。

请注意，页面必须以严格而非怪癖的方式呈现，才能将body元素视为块级元素;否则将其视为documentElement，所有投注均已关闭。 - NickFitz

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

好理论。关于微软的耻辱。 - David Dorward
@Jitendra：您可以，但要彻底完成您的跨浏览器测试，特别是在滚动方面:-) - NickFitz

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

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

我们可以用#container div代替吗？

1 个答案: