` 是 HTML 中的一个基础标签，全称为 Division（分区），用于将网页内容划分为独立的逻辑区块或容器。它的主要作用是结构化页面布局和样式控制，本身不带有任何视觉样式，但可以通过 CSS 或 JavaScript 对其进行操作。

`

` 的常见用途

1. 布局容器

将页面划分为页眉、侧边栏、内容区域、页脚等模块，例如：

html

2. 样式分组

为一组元素统一设置样式（如背景、边距、边框等）：

html

3. JavaScript 操作

通过 `id` 或 `class` 标识特定区域，便于动态修改内容或交互：

html

4. 响应式设计

结合 CSS 的 Flexbox 或 Grid 布局，实现自适应的页面排版。

`

` 的特性

块级元素：默认占据一整行，前后自动换行。

无语义化：仅表示一个通用容器（HTML5 推荐优先使用语义化标签如 `

`, `

`, `

` 等）。

高度依赖 CSS：需通过 CSS 赋予其实际布局效果（如宽度、高度、定位等）。

示例代码

html

通过 CSS 对上述 `div` 添加样式：

css

container {

display: flex;

gap: 20px;

sidebar {

width: 200px;

background: f0f0f0;

content {

flex: 1;

总结

`