如何在沒有 JavaScript 的情況下讓整個 Div 可點擊？

使用HTML 和CSS 讓整個「div」可點擊

您尋求一種無需JavaScript 即可讓整個「div」可點擊的解決方案。雖然將“div”包裹在“a”標籤內似乎是一個可行的選擇，但它引起了 HTML 驗證問題。這是一種更合規的方法：

使用填充Div 鏈接

在“div”內創建一個鏈接，並將其設置為填充整個“div ”區域。這會給人一種「div」本身是可點擊的錯覺。

CSS:

#my-div {
    background-color: #f00;
    width: 200px;
    height: 200px;
}
a.fill-div {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}

HTML:

<div>

透過將連結設為區塊元素並將其設為區塊元素並將其設為區塊元素並將其設為區塊元素並將其設為區塊元素高度和寬度設定為100%，它就覆蓋了整個'div' 空間。點擊時，連結將重定向到指定頁面，使「div」看起來可點擊。

以上是如何在沒有 JavaScript 的情況下讓整個 Div 可點擊？的詳細內容。更多資訊請關注PHP中文網其他相關文章！