如何绘制浮动列表

<ul id="floating-list">
  <li>项目1</li>
  <li>项目2</li>
  <li>项目3</li>
  ...
</ul>

#floating-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  overflow: auto; /* 添加滚动效果 */
  height: 300px; /* 设置列表容器的高度 */
}

#floating-list li {
  float: left; /* 添加浮动效果 */
  width: 200px; /* 设置每个列表项的宽度 */
  height: 100px; /* 设置每个列表项的高度 */
  margin: 10px; /* 设置列表项之间的间距 */
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  text-align: center;
  line-height: 100px;
}

var listItems = document.querySelectorAll('#floating-list li');
listItems.forEach(function(item) {
  item.addEventListener('click', function() {
    // 执行点击列表项后的操作
  });
});