오버 플로우 숨김은 FF이지만 IE에서는 작동하지 않습니다.

Question

오버 플로우 숨김, 왼쪽 부동 및 디스플레이 인라인 블록을 사용하고 있습니다. 나는 수평 탭을 만들려고 노력하고있다. 이것은 내가 사용했던 ff에서 완벽하게 작동하지만 IE에서 보았을 때 적합합니다. 나는 첫 번째 것을 본다. 곧 바로 옆에 곧 그 다음에 곧 그 다음에, 그리고 곧바로 2는 내가 보지 못한다. 나는 DOCTYPE html을 사용하려고 시도했지만 도움이되지 않았습니다. 독서에서 버그 인 것 같지만 좋은 해결책을 찾을 수 없었습니다. 귀하의 도움에 미리 감사드립니다. Btw 방법은 내가 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" > 

를 추가.