CSS浮動后點擊會穿透嗎？這是一個廣為關注的話題。浮動的元素會脫離文檔流，導致周圍的元素會重新排列以適應浮動元素的位置。如果有另一個元素位于浮動元素的底部，而且它是一個可點擊的鏈接或按鈕，那么對于某些瀏覽器來說，點擊該元素可能無法生效，而是會穿過它并觸發下面的元素。

出現這種情況的原因是浮動元素會創建一個新的層疊上下文，將其視為在頁面中“浮動”。如果后面的元素沒有設置z-index屬性，那么它們可能會被置于浮動元素的下層，從而導致點擊事件穿透到浮動元素下方的元素上。

要解決這個問題，可以在浮動元素和后面的元素之間插入一個空的div元素，使用clear屬性將其清除浮動。例如：

<div class="float-div">
<p>這是浮動元素</p>
<img src="...">
</div>
<div class="clear-float"></div>
<a href="#" class="link">這是一個鏈接</a>
<button class="button">這是一個按鈕</button>

然后，在CSS樣式表中添加以下內容：

.clear-float {
clear: both;
}

這樣可以使清除浮動的div元素將浮動元素的高度占滿，從而避免點擊事件穿透到它下面的元素上。如果還有其他元素需要清除浮動，請繼續向下添加類似的div元素和清除浮動的樣式。