跨度未在IE7中显示

Question

我有以下标记：

<div id="calender">
<span class="moduleItemDateCreated-month">Jan</span>
<span class="moduleItemDateCreated-day">24</span>
</div>

使用此CSS设计：

#calender {
    float: right;
    border: 1px solid #999999;
    color:#FFFFFF;
    background-color: #CCCCCC;
}

.moduleItemDateCreated-month {
    background-color: #999999;
    display: block;
    font-size: 10px;
    line-height: 1.5em;
    text-align: center;
    width: 56px;
}

.moduleItemDateCreated-day {
    background-color: #CCCCCC;
    display: block;
    font-size: 23px;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
    width:56px;
}

在IE7中，第二个跨度不可见，有人知道为什么吗？

Here is a temporary link

Answer 1

您可以在CSS中定义以下内容

 .moduleItemDateCreated-month, .moduleItemDateCreated-day{
      display:inline-block;
    }

Answer 2

您可能在IE中遇到了Float错误。由于您知道包装器div的高度和宽度，您可以在CSS中指定它。

如果您正在寻找更多解决方案，那么在IE浮动中有很多帮助，但前面是：https://www.google.com/search?q=ie7+float+right+bug