Question

我使用溢出隐藏，向左浮动，并显示内联块。我正在尝试制作横向标签。这在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;
}

Answer 1

尝试添加

<meta http-equiv="X-UA-Compatible" content="IE=edge" >

到你的页面。

溢出隐藏在FF但不在IE中工作

1 个答案: