Html 首页显示器上的UL代码正在向下推动Chrome中的最后一个LI元素

本周我开始了一份新工作，我的职责之一就是修复/更新网站

我们的首页有六个浮动元素，鼠标行为用UL包装。在Firefox和IE中，它看起来很好

在Chrome中，最后一个li元素比其他元素低大约20个像素（我尝试删除“最后一个”元素上的样式，它改变了上边距（-18），但没有改变任何东西）

---

该网站位于rlba.com。如果有人有任何建议，我将不胜感激。

回答您的问题

将styles.css文件中的第274行

#flashContainer2 ul

设置为宽度为942px，并显示块。这将纠正您正在经历的行为

---

但是请听j08691和alireza safian在您的评论中的话，并解决您的问题，以便其他人可以从中学习。

您的ul没有理由显示：内联，特别是如果您有定义的高度，那么请删除您的显示属性，并将其作为默认值（显示：块；）

然后移除ul上的默认浏览器填充，使其与站点内容容器的左侧齐平

#flashContainer2 ul{
宽度：940px；
高度：420px；
/*显示：内联；-删除此*/
填充：0；/*添加此*/
}

最后，你在ul中的li标签是155px宽，填充右边是2px（因此li实际上是157px），但ul是940px宽。157x6=942px。因此，您可以删除“#flashContainer2 ul”上的宽度，使其增长到容器并变为942px宽，或者删除最后一个元素上的2px填充，使所有li都适合ul

#flashContainer2 .lastInList {
    padding-right: 0; /* add this */
}

---

请在此处添加有意义的代码和问题描述。不要只是链接到需要修复的站点——否则，一旦问题解决或者你链接到的站点无法访问，这个问题将对未来的访问者失去任何价值。发布一个能证明你的问题的帖子会帮助你得到更好的答案。有关更多信息，请参阅“谢谢！”！请阅读并提供更多信息（HTML、CSS、Jquery等）谢谢您的帮助。。。今天晚些时候我将编辑这个帖子。请考虑编辑您的帖子，以添加更多关于您的代码所做的解释以及为什么它会解决这个问题。一个只包含代码的答案（即使它有效）通常不会帮助OP理解他们的问题。@Drenmi谢谢，我是新来的。编辑并解释。非常感谢。这正是我所需要的。谢谢你的帮助——我将制作一把小提琴。