0

私は Web サイトを構築しようとしてきましたが、さまざまなブラウザーでブラウザーの互換性の問題について Web サイトをテストしていたときに、配置に問題があることに気付きました。

以下は、HTML と CSS のライブ リンクです。

http://jsfiddle.net/JaaNM/3/

<ul id="service-ul-box">
<li><a href="#">E-Learnin</a></li>
<li><a href="#">LMS Help Desk</a></li>
<li><a href="#">Content Management</a></li>
<li><a href="#">Presentations</a></li>
<li><a href="#">Content Development</a></li>
<li><a href="#">Lecture Development</a></li>
</ul>

問題は、Mozilla Firefox で Web ページを開くと問題ないことです。ただし、Google Chrome で同じスクリプトを実行すると、リスト項目の位置が正しくありません。重複しているか、リスト項目が 1 行に並んでいません。

Google Chrome に合わせて配置を調整すると、Mozilla での配置が正しくありません。これは逆に起こります。

全体として、私が説明しようとしているのは、Mozilla Firefox と Google Chrome で得られる結果が同じではないということです。

どこが間違っているのか知りたいです。

よろしくお願いいたします。

ありがとうございます

4

1 に答える 1

0 
#service-ul-box li:last-child {
    border:none;
    float:right;
}

それがあなたが望んでいた動作かどうかはわかりませんが、このルール - float:right; - 最後の要素を捨てます。

#service-ul-box li:last-child {
    border:none;        
}

十分な画面スペースがあれば機能します。

于 2013-05-22T13:27:14.957 に答える