我正在使用溢出隐藏、向左浮动和显示内联块。我正在尝试制作水平标签。这在我以前制作的 ff 中非常有效，但是当我在 IE 中查看时。我看到第一个，很快然后很快就在旁边，很快又很快低于那个，最后两个我看不到。我曾尝试使用 DOCTYPE html，但这并没有帮助。从我的阅读来看，这似乎是一个错误，但我一直无法找到一个好的解决方案。在此先感谢您的帮助。顺便说一句，当我在 IE 中用小提琴看它时，它看起来是正确的，但是当我让它活起来时，它在 IE 中却没有。我使用的是 IE 8.0.6！
<div id="phila5">
<div id="philya6" style="text-align:center">verysoon</div>
<div id="phillya7">soon</div>
<div id="phillya8">soon</div>
<div id="phillya9">soon</div>
<div id="phillya10">soon</div>
<div id="phillya11">soon</div>
</div>
#phila5{
overflow:hidden;
border: 2px solid #000000;
height: 80px;
width: 100%;
border-radius: 0%;
background-color: #FFF5ee;
}
#philya6{
float:left;
height: 70px;
line-height: 70px;
font-size: 2.4em;
border: 4px solid #FFF5ee;
text-align: center;
height: 70px;
width: 27%;
background-color: #F10B78;
color:#FFF5ee;
font-weight:900;
}
#phillya7{
display:inline-block;
text-align: center;
font-size: 1.6em;
border: 2.5px solid #FFF5ee;
height: 46px;
width: 13.5%;
border-bottom-left-radius:0%;
border-bottom-right-radius:0%;
background-color: #F10B78;
color:#FFF5ee;
}
#phillya8{
display:inline-block;
text-align: center;
font-size: 1.6em;
border: 2.5px solid #FFF5ee;
height: 46px;
width: 13.5%;
border-bottom-left-radius:0%;
border-bottom-right-radius:0%;
background-color: #F10B78;
color:#FFF5ee;
}
#phillya9{
display:inline-block;
text-align: center;
font-size: 1.6em;
border: 2.5px solid #FFF5ee;
height: 46px;
width: 13.5%;
border-bottom-left-radius:0%;
border-bottom-right-radius:0%;
background-color: #F10B78;
color:#FFF5ee;
}
#phillya10{
display:inline-block;
text-align: center;
font-size: 1.6em;
border: 2.5px solid #FFF5ee;
height: 46px;
width: 13.5%;
border-bottom-left-radius:0%;
border-bottom-right-radius:0%;
background-color: #F10B78;
color:#FFF5ee;
}
#phillya11{
display:inline-block;
text-align: center;
font-size: 1.6em;
border: 2.5px solid #FFF5ee;
height: 46px;
width: 13.5%;
border-bottom-left-radius:0%;
border-bottom-right-radius:0%;
background-color: #F10B78;
color:#FFF5ee;
}