Question

针对浮动的一个ul列表：左边让我在IE 9中严重头疼。它在IE 7和IE 8中运行良好，现在它没有。我试图改变doc类型无济于事。如果我将doctype从中删除，它就可以正常运行.....但这不是可行的方法。

以下示例将把要点放在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>

Answer 1

通过添加overflow：hidden，然后进行一些填充调整，我解决了最糟糕的部分。它不会完全流动，但它会运作良好！

所以溢出：隐藏就是答案。

Answer 2

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

IE9兼容模式与ul对浮点数：左

2 个答案: