2

在最近的 google chrome 更新之前，我的 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;}
4

2 回答 2

1

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

于 2012-09-27T20:42:16.150 回答
1

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

于 2012-09-27T21:02:56.847 回答