gpt4 book ai didi

css - 我们可以使用 代替#container div 吗?

转载 作者:技术小花猫 更新时间:2023-10-29 11:10:38 26 4
gpt4 key购买 nike

我们可以给<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>

最佳答案

您的示例回答了您的问题! Body 和其他元素一样是 block 元素。它具有宽度、高度、填充、边距和边框属性。

  • 请注意,页面以严格而非古怪的模式呈现非常重要,这样才能将 body 元素视为 block 级元素;否则它被视为 documentElement 并且所有赌注都关闭。 – 尼克菲茨

那我们可以用body代替#container div吗? – 吉腾德拉

  • 不错的理论。为微软感到羞耻。 – 大卫·多沃德
  • @Jitendra:可以,但要彻底进行跨浏览器测试,尤其是涉及滚动时:-) – NickFitz

viewport 和 body 有什么区别? – 吉腾德拉

  • 视口(viewport)是显示文档的浏览器窗口的可见区域。正文是文档中的一个元素。在 quirks 模式下,body 也将被视为 documentElement:即文档的根节点,它将填充窗口,并且在必要时可以滚动。在严格模式下,html 元素将被视为 documentElement,而 body 将是它的子元素。作为实验,通过添加样式规则 html { background-color: #00f; 来更改您的测试页面。 } - 你会看到 html 元素包含 `body' – NickFitz

关于css - 我们可以使用 <body> 代替#container div 吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1709653/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com