内的

我制作了一个简单的 html 片段，其中包含以下内容：

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

它显然提醒我 div 不能位于<a>标签。我使用了 div，因为我希望整个框（在本例中为 div）成为一个按钮。所以子类:hover适当的按钮区域适用于整个框，而不仅仅是内部的文本。据我记得div可以在html5中的标签内使用。我使用 XHTML 1.0 Transitional。有什么可以替换 div 以避免代码中出现错误吗？或者我应该将xhtml更改为html5？在不触及其余代码的情况下它会正常工作吗？谢谢。

你可以使用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/ http://jsfiddle.net/YdCzY/