这个CSS在Chrome中工作得很好，但在IE中却出现了中断
这个CSS箭头在chrome中运行良好，但在IE中会中断。如何在IE9中实现它，最好的方法是什么这个CSS在Chrome中工作得很好，但在IE中却出现了中断,css,internet-explorer,internet-explorer-9,Css,Internet Explorer,Internet Explorer 9,这个CSS箭头在chrome中运行良好，但在IE中会中断。如何在IE9中实现它，最好的方法是什么 <html> <head> <style> .nav { padding: 0; width: 115px; } .box { width: 100px; height: 50px; background-color: green; float: left; padding: 0; } .arrow-r
<html>
<head>
<style>
.nav {
padding: 0;
width: 115px;
}
.box {
width: 100px;
height: 50px;
background-color: green;
float: left;
padding: 0;
}
.arrow-right {
width: 0;
height: 0;
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
border-left: 15px solid green;
float: right;
padding: 0;
}
</style>
</head>
<body>
<div>
<div class="nav">
<div class="box"></div>
<div class="arrow-right"></div>
</div>
</body>
</html>
.导航{
填充：0；
宽度：115px；
}
.盒子{
宽度：100px；
高度：50px；
背景颜色：绿色；
浮动：左；
填充：0；
}
.向右箭头{
宽度：0；
身高：0；
边框顶部：25px实心透明；
边框底部：25px实心透明；
左边框：15px纯绿；
浮动：对；
填充：0；
}
<!DOCTYPE html>
可能是因为您没有DOCTYPE，IE以怪癖模式呈现它
<!DOCTYPE html>