为什么我的span元素在IE9中看起来如此糟糕？

Question

我有一个橙色今日跨度标签，在其他浏览器中看起来很好，甚至IE8！但在IE9中它看起来很糟糕（扩展整个页面并导致其他元素无法正确构造）。我尝试将元素更改为div，将其更改为内联块，添加宽度，并使用垂直对齐进行播放但我无法弄清楚它不喜欢它。如果您使用今天的span标记，则所有内容都会弹回原位。

http://auroriella.com/test/ui_candidate_test.html

.today {
    display: block;
    background-color: #fba435;
    color: #fff;
    font-size: 85%;
    text-align: center;
    padding: 2px 5px;
    border-left: 1px solid #dddddd; 
    border-right: 1px solid #fba435;    
}

有什么想法吗？

Answer 1

我建议为.dayContainer指定宽度，而不是（或与...一起）.day.current。

在帖子的页面上，这样就可以了：

.dayContainer{
    ...
    width: 148px;
    ...
}