铬中的导航定位错误

Question

我有一个奇怪的css定位问题，只有铬。我有一个用于导航的菜单<ul>，有时会被随机地按下。刷新页面总是解决问题。奇怪的是，有时当页面显示正确时，如果我刷新页面，它就会被向下推倒。

这就是它应该看起来的样子，大约有一半的时间是这样的：

​

​

当它因某种原因被推倒时，就会发生这种情况。

​

​

该网站是实时的，您可以亲身体验这里的问题。可能需要在站点周围点击几下，才能使<ul>下降。

下面是我使用的html/php：

<div class="header">
<nav class="navbar">
  <a href="<?php echo url("home") ?>" class="title"><?php echo strtoupper($site->title())?></a>
  <ul>
    <?php foreach($pages->visible() AS $p): ?>
    <li><a<?php echo ($p->isOpen()) ? ' class="active"' : '' ?> href="<?php echo (strtolower(($p->title)) == "work") ? url("home") : $p->url(); ?>"><?php echo html($p->title()) ?></a></li>
    <?php endforeach ?>
  </ul>
</nav>
</div>

以及相关的css

 div.header{
   height: 80px;
   background-color: #000000;
   margin-bottom: 20px;
 }
 div.header nav.navbar{
   width: 960px;
   margin: auto;
   padding-top: 20px;
 }

 .navbar ul{
   float: right;
   padding-top: 10px;
   display: inline;
   list-style-type: none;
 }

.navbar ul li{
  margin-left: 20px;
  display: inline;
 }

.navbar a.title{
  width: 500px;
  color: #fff;
  font-size: 26pt;
  display: inline-block;
  padding-top: 8px;
}

再一次，我只是在google chrome中遇到了这个问题。谢谢你的帮助！

Answer 1

从来没有发现问题，但我使用绝对定位作为一个解决办法。