css - CSS div nowrap 在 IE 中不起作用

Question

我正在使用iscroll js lib在css中构建流畅的导航。现在在 Firefox 和 chrome 中一切都很顺利。唯一的问题是 ie。

所以基本上我有一个流体 div，我不想包装或打破它。在 ie 它打破了.. 我正在使用 white-space: nowrap css 属性。

仅适用于 ie8+。

html代码：

        <div id="nav">
            <ul class="navigation">
                .. many li tags with a tags inside ..
            </ul>
        </div>

的CSS：

.navigation {
    display: inline-block;
    list-style: none;
    border-right: 1px solid #576a85;
    border-left: 1px solid #3e506c;
}

和

.navigation li {
    float: left;
}

.navigation a {
    display: block;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    border-left: 1px solid #576a85;
    border-right: 1px solid #3e506c;
}

一些行为屏幕：

（铬合金）

（IE）

感谢您的帮助！

Answer 1

好的，我现在有问题了。

li 元素必须是 inline-block 而不是 float left 和 ul whitespace nowrap ...这样它将在 ie 中呈现良好。