0

我一直在尝试建立一个网站，当我在各种浏览器上测试网站的浏览器兼容性问题时，我注意到对齐存在问题。

以下是 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 打开网页时，一切正常。但是，当我在 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 回答