<div>在另一个内部放置多个是一种常见的做法<div>。通常将其称为“嵌套”元素，并允许将元素进一步划分为小节，或使用CSS样式帮助开发人员。
将<div class="outer-div">用于组在一起的两个<div class="inner-div">元件; 每个都包含一个<p>元素。
<div class="outer-div"> <div class="inner-div"> <p>This is a paragraph</p> </div> <div class="inner-div"> <p>This is another paragraph</p> </div> </div>
这将产生以下结果（为清晰起见，使用了CSS样式）：
嵌套内联和块元素在嵌套元素时，请记住，有内联和块元素。虽然块元素“在后台添加换行符”，这意味着，其他嵌套元素会自动显示在下一行中，默认情况下，内联元素可以彼此相邻放置
避免深层<div>嵌套
较深且经常使用的嵌套容器布局显示了不良的编码样式。
圆角或一些类似的函数通常会创建这样的HTML代码。对于大多数上一代浏览器，都有CSS3对应版本。尝试使用尽可能少的HTML元素来增加内容与标签的比率并减少页面负载，从而在搜索引擎中获得更好的排名。
div section元素的嵌套深度不应超过6层。