在CSS中，clear屬性用于控制元素兩側是否顯示其他元素，當clear屬性設置為both時，表示該元素兩側都不允許有其他元素顯示。

使用clear both的場景通常是在布局中需要創(chuàng)建一個獨立的空間，或者防止其他元素干擾到當前元素的顯示，在一個列表或表格中，你可能需要讓某個元素與其他元素保持一定的距離，或者讓某個元素獨立顯示而不受到其他元素的影響。

在CSS中，可以通過設置clear屬性為both來實現(xiàn)這個效果，如果你需要讓一個列表項與其他列表項保持距離，你可以這樣寫：

li {
  clear: both;
}

這樣，每個列表項都會在其兩側創(chuàng)建一個獨立的空間，確保它們不會與其他列表項相鄰顯示。

需要注意的是，clear屬性僅對浮動元素（float）有效，如果你的元素不是浮動元素，那么clear屬性將不會起作用，在使用clear both時，需要確保你的元素是浮動元素或者它們的父元素是浮動元素。

clear both是一個很有用的CSS屬性，可以用于控制元素在布局中的顯示方式，通過合理地使用它，你可以創(chuàng)建出更加清晰、易讀的布局效果。