在網頁開發過程中，我們經常會用到CSS來布局頁面。其中，浮動是一種常見的布局方式。但是，有時在使用浮動布局時會遇到一個問題：超鏈接失效。下面我們來看看這是為什么，以及如何解決這個問題。 首先，我們來看一個例子。下面的代碼使用了浮動布局，其中包含一個超鏈接：

<div>
<a href="https://www.example.com">這是一個鏈接</a>
<p>這是一段文字，浮動到了右側。</p>
</div>
<style>
div {
float: right;
}
</style>

在瀏覽器中運行這段代碼，我們會發現，雖然頁面顯示出了文字和鏈接，但是點擊鏈接并不會跳轉，而是沒有反應。這是為什么呢？ 原因在于，使用浮動布局后，父元素的高度會變成0，而且內部元素會脫離文檔流。這樣，鏈接的點擊區域就會失效。事實上，如果我們用開發者工具查看這段代碼，就會發現鏈接的大小和位置并沒有改變，但是點擊無效。 那么，我們該如何解決這個問題呢？方法也很簡單，只需要在父元素中加入一個`overflow: auto`的CSS屬性，就可以讓鏈接恢復正常了。 下面是修改后的代碼：

<div style="float: right; overflow: auto;">
<a href="https://www.example.com">這是一個鏈接</a>
<p>這是一段文字，浮動到了右側。</p>
</div>

修改后再次運行，就會發現鏈接恢復正常，可以正常點擊跳轉了。 總結一下，浮動布局是一種常用的頁面布局方式，但是使用浮動時，需要注意到鏈接失效的問題。一旦出現這種情況，只需要在父元素中添加`overflow: auto`的CSS屬性即可解決問題。