div嵌套div布局实例

好的，以下是一个简单的 div 嵌套 div 的布局实例：

<div class="container">
  <div class="header">
    <h1>网站标题</h1>
  </div>
  <div class="content">
    <div class="sidebar">
      <ul>
        <li><a href="#">链接1</a></li>
        <li><a href="#">链接2</a></li>
        <li><a href="#">链接3</a></li>
      </ul>
    </div>
    <div class="main">
      <p>这里是主要内容。</p>
    </div>
  </div>
  <div class="footer">
    <p>版权信息 © 2021</p>
  </div>
</div>

这个布局将页面分成了顶部的标题栏、左侧的侧边栏和右侧的主要内容区域以及底部的页脚，其中 `.container` 是最外层的容器，用于包含整个页面。`.header`、`.content`、`.footer` 分别表示顶部、内容和底部的区域。`.sidebar` 和 `.main` 则是 `.content` 区域内的子容器，用于分别显示左侧的侧边栏和右侧的主要内容区域。

你可以根据自己的需求修改这个布局，例如添加更多的子容器、调整样式等等。