<html>
<head>
<style type="text/css">
ul {font-size: 25px; list-style: none;}
li{margin-left:0; padding: 0px 5px;}
li a {width: 300px; height: 300px; height:300px; background:url(whatever) bottom left;}
li a span{visibility: hidden;}
</style>
</head>
<body>
<ul><li>
<a href="#"><span>some txt</span></a>
</li></ul>
</body>
</html>
为什么 ul的字体大小会产生宽度/高度而不是a的宽度/高度？
答案 0 :(得分：2)
@remy; a＆amp; span为inline element，因此不需要height , width , vertical margin & padding所以给予
a , span{
display:block
}
答案 1 :(得分：0)
因为默认情况下anchor标记是内联的。尝试添加
li a {
display: block;
}
将其转换为块;这意味着您可以为其指定宽度和宽度。高度。