html - 为什么要在 HTML 中使用容器 div?

标签 html css

我注意到一种常见的技术是将通用容器 div 放在 body 标签的根部:

<html>
  <head>
    ...
  </head>
  <body>
    <div id="container">
      ...
    </div>
  </body>
</html>

这样做有正当理由吗?为什么 CSS 不能只引用 body 标签?

最佳答案

容器 div,有时是内容 div,几乎总是用于实现更复杂的 CSS 样式。 body 标签在某些方面是特殊的。浏览器不会像普通的 div 一样对待它;它的位置和尺寸与浏览器窗口相关联。

但是容器 div 只是一个 div,您可以为其设置边距和边框的样式。你可以给它一个固定的宽度,你可以用 margin-left: auto; 居中。右边距:自动

此外,内容(例如版权声明)可以位于容器 div 的外部,但不能位于 body 外部,允许内容位于边框外部。

关于html - 为什么要在 HTML 中使用容器 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/354739/

相关文章:

javascript - 从唯一的串联变量中减去 1

html - 无法水平居中图像

css nth-child 四对四

javascript - 带有开始和分隔符的 CSS 列表样式

javascript - 以匿名函数为父函数的彩票号码生成器

jquery - 如何重复应用倾斜图像动画?

css - div 设置为 100% 不起作用

javascript - 拖动文件时更改元素的 CSS 属性

javascript - 滚动时淡化不透明度

如果 HTML 在里面,jquery ui 对话框就会搞砸