我正在创建导航菜单。我想使用CSS，以便锚标签包裹在li元素上，但是锚标签位于li元素内。
这是html
<ul>
<li><a href="">Uutiset</a></li>
<li><a href="">Foorumi</a></li>
<li><a href="">Kauppa</a></li>
<li><a href="">Messut</a></li>
<li><a href="">Asiakaspalvelu</a></li>
<li><a href="">Nakoislehti</a></li>
<li><a href="">Nae meidat</a></li>
</ul>
这是我的少css
ul {
list-style-type: none;
padding: 0;
margin: 0;
li {
padding: 2% 4%;
border: 1px solid green;
a {
text-decoration: none;
display: block;
}
}
}
解决方法
在< ul>内允许的唯一合法元素是< li>。您不能在< li>这在HTML5中成立，锚点可以包围其他块级元素。 你在CSS中几乎有了，只需添加：
a {
text-decoration: none;
display: block;
width: 100%;
height: 100%;
}
而你的锚将填满< li>的整个空格。
