内( within )

我做了HTML的一个简单的片段，其中包含此：

<a href="#"><div>Something here</div></a>

显然，它提醒我该分区不能被内部<a>标签。 我用一个div，因为我想整个盒子（在这种情况下DIV）是一个按钮。 所以子类:hover和适当的按钮区域适用于整个盒子，不仅里面的文字。 至于我记得的div可以在里面HTML5标签中使用。 我使用XHTML 1.0过渡。 有什么我可以替换，以避免在代码中的错误一个div？ 或者我应该改变XHTML到HTML5？ 它将不接触其余代码工作好？ 谢谢。

Answer 1:

您可以使用display:block 。

一个例子如下：

HTML：

<a href="#" class="btn"​​​​​​​​​​​​​​​​​​​​​>Button</a>​​​​​​​​​​​​​

CSS：

​a.btn{
    display: block;
    background-color: Green;
    width: 50px;
    height: 25px;
    text-align: center;
    text-decoration: none;
    color: White;
}
a.btn:hover{
    background-color: lightGreen;
    color: Black;
}

您可以测试它住在这里： http://jsfiddle.net/YdCzY/

Answer 2:

你可以尝试使用“一”元素，而不是div的内“跨越”的元素...

您可以将样式应用于跨度，使其行为就像你想的股利（如丰富的内容，这也是总体呈一个链接）。

AFAICS，span和div之间的唯一区别是默认的样式和内容他们允许是儿童。 但我愿意用更多的了解到贡献者予以纠正......

Answer 3:

采用

<div onclick="..">...</div>

或display: block; 在您的一个标签（ http://green-beast.com/blog/?p=74 ）

Answer 4:

尝试使用这样的：

HTML：

<a id="block-a" href="#">Something here</a>

CSS：

#block-a {
    display: block;
}

Answer 5:

这至少是更多的方式更容易

`<div onclik="window.location.href='url'">
</div>`

文章来源:

within