跨度IE7

没有显示我有以下的标记：跨度IE7

<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

here's a screenshot

来源

2012-04-03 morktron

好，谢谢您的意见，所以我给自己定了容器的高度，改变了跨度内联 - 块，但仍然没有喜悦... – morktron 2012-04-03 04:53:37

你可以在你的CSS定义以下

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

来源

2012-04-03 04:19:50

谢谢，我试过修复，但不幸的是，它仍然没有工作，虽然现在当你把鼠标悬停在里面，它包含背景显示，非常奇怪！ – morktron 2012-04-03 04:52:28

您可能正在运行到IE中一个浮动的bug。既然你知道包装div的高度和宽度，你可以在CSS中指定它。

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

来源

2012-04-03 04:22:22 ckaufman

谢谢我听说过那个bug，但从未遇到过它，我会研究它。我增加了高度，但仍然没有喜悦 – morktron 2012-04-03 04:51:17

回答

相关问题