为什么我的块元素的宽度和高度为0?

时间:2012-12-27 01:10:37

标签: html css

我正在使用html进行5星评级系统,由于某种原因,即使我将它们设置为块元素,我也无法获得宽度和高度的锚点。我把问题缩小到这个基本代码:

CSS:

.outerdiv{
    height:20px;
    width:90px;
    background-color:red;
    }
.innerdiv{
    height:20px;
    width:63px;
    background-color:blue;
    }
.1{
    display:block;
    height:20px;
    width:18px;
    z-index:5;
    background-color:green;
    }
.1:hover{
    background-color:orange;
    }​

HTML:

<div class="outerdiv">
    <div class="innerdiv">
        <a class="1"></a>
    </div>
</div>​

同样在: http://jsfiddle.net/knoell8504/qsjqL/4/ 这段代码与我正在使用的代码之间的主要区别在于,此代码使用背景颜色,我的代码使用背景图像。

1 个答案:

答案 0 :(得分:5)

类名不能以数字开头(我认为这在HTML5中有所改变,但它仍然不是一个好主意)。因此,未应用样式。