背景颜色不起作用

Question

我试图为整个块c_date应用背景颜色..但它不工作..我试过清除,阻止一切..

演示

HTML:

<div class="c_date"> <span class="c_day">30</span>
 <span class="c_month">Jun</span>
 <span class="c_year">2009</span>
    <div style="clear:both;"></div>    
</div>

CSS:

.c_date {
    position: relative;
    width: 40px;
    color: #999;
    margin: -0px 0 0 0;
    background:#999 !important;
    display:block;
    border:1px solid #ccc;
    clear:both;
}
.c_day, .c_month, .c_year {
    position: absolute;
}
.c_day {
    font-size: 14px;
    top: 10px;
}
.c_month {
    top: 0;
    left: 0;
    font-size: 11px;
}
.c_year {
    top: 9px;
    right: 0;
    font-size: 9px;
    rotation: -90deg !important;
    /* ** Hacks ** */
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}

Answer 1

这是因为你的c_date div高度是2px (原因是位置:绝对;在你的其他容器中).因此,您可以通过向c_date样式添加高度或更改其中子元素的位置属性来修复它.

Answer 2

.c_date {
    position: relative;
    width: 40px;
    color: #999;
    margin: -0px 0 0 0;
    background-color: #999 !important;
    display:block;
    border:1px solid #ccc;
    clear:both;
    height: 30px; //change to your needs

}