IE 9 compability模式，针对浮点数ul：左

针对浮点数的ul列表：left让我在IE 9中头疼不已。它在IE 7和IE 8中运行良好，现在不能。我试图改变文档类型无济于事。如果我离开它的文档，它工作正常.....但这不是要走的路。IE 9 compability模式，针对浮点数ul：左

下面的例子将把bulletpoints放在IE 9中的黄色区域上。任何指针都是？

enter image description here

这里是我的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
<head> 
<style type="text/css"> 
body{ 
background-color:grey; 
} 
.somewrapper{ 
width:500px; 
background-color:white; 
float:left; 
} 
.imagewrapper{ 
float:left; 
width:180px; 
height:140px; 
margin-right:30px; 
background-color:yellow; 
} 
ul{ 
margin:0px; 
padding:0px; 
margin-left:25px; 
} 

ul li{ 
list-style:disc outside none; 
} 

</style> 
</head> 

<body> 
    <div class="somewrapper"> 
     <div class="imagewrapper"> 

     </div> 
     <div class="teste"> 
      <h2>asdklfjaøskljf</h2> 
      <ul> 
       <li>aøsklfjaøs jasas fasfklf aaasfasasfa sfasfsdfasfas fasf asfasfasfasfasf asf as fasføsjklf</li> 
       <li>aøsklfjaøsjklfaøsjklf</li> 
       <li>aøsklfjaøsjklfaøsjklf</li> 
       <li>aøsklfjaøsjklfaøsjklf</li> 
       <li>aøsklfjaøsjklfaøsjklf</li> 
       <li>aøsklfjaøsjklfaøsjklf</li> 
      </ul> 
      <h2>asdfasfasfasdfasf</h2> 
      <p>asdfasfasfaskjf aklsjf asjklf askljf </p> 
      <ul> 
       <li>aøsklfjaøsjklfaøsjklf</li> 
       <li>aøsklfjaøsjklfaøsjklf</li> 
       <li>aøsklfjaøsjklfaøsjklf</li> 
       <li>aøsklfjaøsjklfaøsjklf</li> 
       <li>aøsklfjaøsjklfaøsjklf</li> 
       <li>aøsklfjaøsjklfaøsjklf</li> 
       <li>aøsklfjaøsjklfaøsjklf</li> 
       <li>aøsklfjaøsjklfaøsjklf</li> 
       <li>aøsklfjaøsjklfaøsjklf</li> 
      </ul> 
      <h2>asdfasfasfasdfasf</h2> 
      <p>asdfasfasfaskjf aklsjf asjklf askljf </p> 
     </div> 

    </div> 
</body>

来源

2011-04-14 Trashcan

下载IE9现在...这是怎么回事慢得令人难以置信。 – Blender 2011-04-14 16:00:16

是的，我也花了一段时间。一大堆安装要做...但它看起来相当不错 - 除此之外... :) – Trashcan 2011-04-14 18:53:45

退出下载。这需要一个多小时。对不起... – Blender 2011-04-14 19:01:19

通过添加溢出：隐藏，然后一些填充扭捏我解决了最糟糕的部分。它不会完全流动，但它会工作得很好！

因此溢出：隐藏是答案。

来源

2011-04-18 14:13:40 Trashcan

另一种答案是使用list-style-position: inside;

来源

2013-03-26 16:21:52 danbroooks

+1，因为overflow：hidden使Chrome浏览器中的子弹点不可见，但此解决方案适用于Chrome，FF和IE11。 – 2014-03-27 13:26:00

IE 9 compability模式，针对浮点数ul：左

回答

相关问题