使用HTML開發網頁時，我們經常會遇到一個問題，就是div浮動的情況下，頁面出現布局混亂的現象。這時我們就需要使用清除div浮動的代碼來解決這個問題。

.clearfix:before,
.clearfix:after {
content:"";
display:table;
}
.clearfix:after {
clear:both;
}
.clearfix {
*zoom:1;
}

上面這段代碼是常用的清除div浮動的代碼，使用時只需要在需要清除的div上添加“clearfix”類即可。

下面是清除div浮動的例子：

<div class="parent">
<div class="float-left">
浮動元素1
</div>
<div class="float-right">
浮動元素2
</div>
<div class="clearfix"></div>
</div>

上面的代碼中，浮動元素1和浮動元素2都浮動在父元素中，添加clearfix類的div會自動計算清除浮動。

需要注意的是，如果頁面中使用了偽元素before和after，這段代碼不應該被覆蓋，否則清除浮動功能將失效。

以上就是HTML中清除div浮動的方法和代碼，希望大家能在開發中充分應用，避免出現布局混亂的情況。