A屬性中的Div不起作用？

我有一個奇怪的問題。我做了一個div（代碼將在下面提供），我希望整個div（因爲它是一個按鈕）是一個可點擊的鏈接。我遇到的問題是我的div應該只有200x200，然而這個想法橫向延伸整個頁面。它應該只是200x200部分的一個鏈接，但正如我所說的那樣，頁面的整個水平部分的高度爲200，使隨機背景圖像可點擊。我試圖設置div來阻止，但沒有用。我將如何解決這個問題？我的代碼如下。A屬性中的Div不起作用？

#button { 
    display: block; 
    background-color: black; 
    opacity: 0.9; 
    width: 200px; 
    height: 200px; 
    margin-top: 100px; 
    margin-left: 100px; 
    -moz-border-radius: 15px; 
    border-radius: 15px; 
} 

<a href="signup.php"><div id="button"></div></a>

來源

2013-04-29 Twisterz

使用display: inline-block;。您也可以在沒有<div>的情況下執行此操作。

http://jsfiddle.net/SLAfU/

來源

2013-04-29 14:24:29

美麗，謝謝。 – Twisterz 2013-04-29 14:31:52

你應該這樣做以下方式：

#button { 
    display: block; 
    background-color: black; 
    opacity: 0.9; 
    width: 200px; 
    height: 200px; 
    margin-top: 100px; 
    margin-left: 100px; 
    -moz-border-radius: 15px; 
    border-radius: 15px; 
} 

<a href="signup.php" id="button"></a>

自錨不能包含在HTML 4.01塊元素。因此，您可以使錨點成爲一個塊元素，並且全部都可以工作。

在HTML5錨可以包含塊元素，因此設置display: block;或display: inline-block;結合<!DOCTYPE html>應該就足夠了。

來源

2013-04-29 14:24:41

充分利用錨標記「顯示：inline-block的」

你需要有一個HTML5的doctype有inide錨標記一個div（塊級元素）。

來源

2013-04-29 14:24:47

在這種情況下，正確的方法是：

<div id="button"><a href="signup.php"></a></div>

或

<div id="button" onclick="document.location.href='signup.php'" style="text-decoration:underline"></div>

閱讀W3C規範！你不能把塊元素內聯！

來源

2013-04-29 14:46:52 SuperYegorius

A屬性中的Div不起作用？

回答

相關問題