<div> 清空<li>的作用是清除在一個 <div> 元素中的 <li> 元素。通常情況下，div 元素可以包含列表項（list item）元素，即 <li> 元素，但是有時候我們可能需要在列表項元素中添加一些其他的內容，比如文本、圖片、鏈接等。在這種情況下，為了保證頁面的結構和樣式，需要對包裹著列表項的 <div> 元素進行清空操作。
下面通過幾個代碼案例來詳細解釋說明如何清空div中的列表項。

案例一：使用CSS Clearfix清空

Clearfix 是一種常用的清除浮動的技術，可以使用它清空包含列表項的 <div> 元素。

\.clearfix::after {
content: "";
display: table;
clear: both;
}\

在上面的案例中，我們給包裹著列表項的 div 添加了一個名為 clearfix 的 class，并使用 CSS Clearfix 來清空這個 div，使其正常顯示。

案例二：使用CSS Float清空

除了使用 Clearfix，我們還可以使用 CSS Float 來實現清空功能。

\.clearfix::after {
content: "";
display: block;
height: 0;
clear: both;
}\

在這個案例中，我們將包裹著列表項的 div 設置為浮動元素，然后為其添加一個清空浮動的偽元素，從而達到清空的效果。

案例三：使用CSS Overflow清空

另一種清空列表項的方法是使用 CSS Overflow 屬性。

\.container {
overflow: auto;
}\

在這個案例中，我們為包裹著列表項的 div 添加了一個名為 container 的 class，并給它設置了 overflow 屬性為 auto。這樣當內容超出了 div 的高度時，會自動生成滾動條，從而實現清空的效果。

案例四：使用JavaScript清空

除了使用 CSS，我們還可以使用 JavaScript 來清空 div 中的列表項。

\document.getElementById("myDiv").innerHTML = ""; // 清空div內容\

在這個案例中，我們通過 JavaScript 獲取到 id 為 myDiv 的 div 元素，然后將其 innerHTML 屬性設置為空字符串，即清空了其中的內容。

綜上所述，我們可以使用不同的技術來清空 div 中的列表項，如 CSS Clearfix、CSS Float、CSS Overflow 或 JavaScript。根據具體的需求和應用場景，選擇合適的方法來實現所需要的效果。