Question

直到最近的谷歌浏览器更新

，我的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;}

Answer 1

我正在使用最新版本的Chrome，www.housemarket.ie上的#topmenu导航中的最后一项与其他菜单项一致。然而，出于某种原因，它只是一颗子弹，但是当我在检查器中将子弹更改为填充文本时，它仍保持在同一条线上。也许尝试刷新浏览器的缓存？

Answer 2

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

谷歌浏览器更新的CSS问题

2 个答案: