谷歌浏览器更新的 CSS 问题答案

【问题标题】：CSS issue for google chrome update谷歌浏览器更新的 CSS 问题
【发布时间】：2012-09-19 16:37:19
【问题描述】：

在最近的谷歌浏览器更新之前，我的顶部菜单没有问题

现在自从它更新以来，顶部菜单上的最后一项（只有最后一项）进入下一行。

任何想法为什么会这样？

代码如下：

    /* TopMenu 
    ---------------*/
    #topmenu {
      float:right;
      margin:6px 15px 0}

  #topmenu ul.menu { 

margin:0;
padding:0;}
#topmenu ul.menu li {

  display:inline;
  float:left;
  padding:0 1.1em 0 0;
  border-right:1px dotted #555;
  margin:0 0 0 1.1em;
  text-shadow: 1px 1px 1px #FFFFFF;
  list-style-type:none;}
  #topmenu ul.menu li a {
    border-bottom:1px dotted rgba(0,0,0,0);
    color: #3F5868;
      padding-bottom: 2px;}
    #topmenu ul.menu li.active a,
    #topmenu ul.menu li a:hover {
      color:#000;
      border-bottom-color:rgba(0,0,0,0);
      text-decoration:none;}

  #topmenu ul.menu li a img {
    float:left;
    margin:0px 8px -4px 0}

  #topmenu ul.menu li:last-child {
    border:none;
    padding-right:0;}

【问题讨论】：

等待下一次更新......假装它没有发生。
你能提供一个现场例子的链接吗？
如果你提供一个 html 样本来搭配 css 会更容易提供帮助。

标签： php css google-chrome joomla

【解决方案1】：

我在 Chrome 中注意到该网站上的问题，但您似乎正在积极尝试自己解决问题，这让我很难看到菜单发生了什么。如果您不希望更改菜单中的内容，您可以通过为#topmenu 设置大约 300 像素的宽度来轻松解决此问题。否则，我将假设这是填充问题。

【讨论】：

我现在并没有真正做出改变，感谢您的建议，明天试试
就像你说的那样简单 - 只需将顶部菜单设置为 300 像素

【解决方案2】：

我使用的是最新版本的 Chrome，并且 www.housemarket.ie 上的 #topmenu 导航中的最后一项与其余菜单项是内联的。然而，出于某种原因，它只是一个项目符号，但是当我在检查器中将项目符号更改为填充文本时，它会保持在同一行。也许尝试刷新浏览器的缓存？

【讨论】：

是的，我将它更改为只是一个项目符号，因为它使用的空间最少，但现在我最后删除了项目符号菜单项 - 你可以看到效果 - 在某些屏幕上看起来不错 -例如，一个大显示器，但在我的屏幕上它仍然滚动到下一行 - ps 我尝试清除缓存，但这不是问题 - 我去年在某个地方看到有人遇到类似问题，并通过一些覆盖 css 文件解决了这个问题但不知道该怎么做