跨度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

回答

相關問題