如何在容器div中创建分段

<div id="container"></div>

#container {
  width: 100%; /* 设置容器宽度 */
  height: auto; /* 设置容器高度自适应 */
  overflow: hidden; /* 设置溢出内容隐藏 */
}

#container::after {
  content: ""; /* 创建一个伪元素 */
  display: table; /* 将伪元素设置为表格布局 */
  clear: both; /* 清除浮动 */
}

<div class="segment"></div>
<div class="segment"></div>
<div class="segment"></div>

.segment {
  width: 100%; /* 设置分段元素宽度 */
  height: 100px; /* 设置分段元素高度 */
  background-color: #ccc; /* 设置分段元素背景颜色 */
  margin-bottom: 10px; /* 设置分段元素之间的间距 */
}