1

iscroll js lib を使用して、css で流動的なナビゲーションを構築しています。これで、firefox と chrome ですべてがスムーズになりました。唯一の問題はつまりです。

基本的に、ラップしたり壊したりしたくない流動的なdivを持っています。つまり、壊れます..空白を使用しています：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;
}

動作のいくつかの画面:

（クロム）

クロムで見てください

(すなわち)

つまり見て

ご協力ありがとうございました！

4

1 に答える 1

0

わかりました、私は今問題を手に入れました。

li 要素は、float left と ul 空白 nowrap ではなく inline-block である必要があります。このようにして、ie で適切にレンダリングされます。

于 2013-02-05T21:30:33.037 に答える