2

クロムのみで奇妙な 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 でのみ発生しています。助けてくれてありがとう！

4

1 に答える 1

1

問題を解決したことはありませんが、回避策として絶対配置を使用しました。

于 2013-07-26T16:03:13.390 に答える