<a>中的<div>

Question

我制作了一个简单的html片段,其中包含:

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

它显然提醒我div不能在<a>标签内.我使用了div,因为我希望整个盒子(在这种情况下为div)是一个按钮.因此,子类:hover和适当的按钮区域适用于整个框,而不仅仅是文本内部.据我所知,div可用于html5中的标签内.我使用XHTML 1.0 Transitional.有什么我可以替换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/