導航欄在鉻中定位錯誤

我在鉻中只有一個奇怪的CSS定位問題。我有一個導航菜單<ul>，有時會隨機推下。刷新頁面始終可以解決問題。奇怪的是，有時如果我正在正確顯示頁面時刷新頁面，它會被推下。導航欄在鉻中定位錯誤

這是它應該如何看，它大約有一半的時間：

enter image description here

這是當它被按下時因某種原因發生了什麼。

enter image description here

該網站是活的，你可以遇到問題自己here。可能需要在網站上點擊以使<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; 
}

同樣，我只遇到了谷歌瀏覽器這個問題。感謝您的幫助！

來源

2013-07-23 Brannon

確定像素或ems中的字體大小有幫助嗎？ – hungerstar

我讓'navbar ul li'有'font-size：16px;'但我不認爲它改變了任何東西。 – Brannon

嘿布蘭農，網站loox偉大的:) ...我沒有看到我的一端的錯誤？（OSX 10.8.4 chrome 28） – Nick

從來沒有想出問題，但我使用絕對定位作爲解決方法。

來源

2013-07-26 16:03:13 Brannon

導航欄在鉻中定位錯誤

回答

相關問題