php - Google Chrome更新的CSS问题

在最近的谷歌浏览器更新之前，我的topmenu没问题

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

任何想法为什么会这样？

这是代码：

    /* 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;}

最佳答案

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

关于php - Google Chrome更新的CSS问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12629065/