使用搜索栏添加<li>元素，防止父div元素溢出

<div class="parent-div">
  <ul>
    <li>选项1</li>
    <li>选项2</li>
    <li>选项3</li>
    <li>选项4</li>
    <li>选项5</li>
    <li>选项6</li>
    <!-- 更多的选项 -->
  </ul>
</div>

.parent-div {
  height: 200px;
  overflow: auto;
}

.parent-div ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.parent-div li {
  padding: 10px;
  border-bottom: 1px solid #ccc;
}

.parent-div li:last-child {
  border-bottom: none;
}

/* 搜索栏样式 */
.parent-div input {
  width: 100%;
  padding: 5px;
  border: 1px solid #ccc;
}