与css冲突的问题

Question

昨晚我被告知CSS中不允许以下内容.

<a href="index.php"><div class="button">Home</div></a>

.submenu div.button{width:72px; height:20px; float:left; margin:0 20px; font-size:0.9em; font-family:Arial; padding:2px; color:black;}

如何为按钮创建我想要的外观,然后允许用户以任何其他方式单击它？做这个的最好方式是什么？

它按原样工作,但我被告知它不适合.

Answer 1

CSS完全有效,不允许将嵌套级元素嵌套在内联元素中.所以,在你的情况下,插入一个<div>内部是非法的<a>.您可以<div>完全保留out并为该<a>元素设置样式,并display: block使其表现得像块级元素.

<a href="index.php" class="button">Home</a>

.submenu a.button{
    display: block;
    width: 72px;
    height: 20px;
    float: left;
    margin: 0 20px;
    font-size: 0.9em;
    font-family: Arial;
    padding: 2px;
    color: black;
}