크롬의 navbar 위치 지정 버그

Question

크롬에서 이상한 CSS 위치 지정 문제가 있습니다. 때로는 무작위로 내려 오는 탐색을위한 메뉴 <ul>이 있습니다. 페이지를 새로 고치면 항상 문제가 해결됩니다. 이상하게도 때로는 페이지가 제대로 표시 될 때 페이지를 새로 고치면 아래로 밀려납니다.

이 그것을보고 생각하는 방법이며, 시간의 절반을 수행합니다

을 그리고 이것은이 어떤 이유로 푸시 다운됩니다 때 발생하는 것입니다.

사이트 라이브, 당신은 자신 here의 문제가 발생할 수 있습니다. 사이트 주위를 약간 클릭하면 <ul>이 삭제 될 수 있습니다.

<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을 : 여기

은 내가 사용하고있는 html/php입니다

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; 
} 

다시 말하지만, 난 단지 구글 크롬에서이 문제가 발생하고있다. 도움에 감사드립니다!

Answer 1

문제를 알지 못했지만 해결 방법으로 절대 위치 지정을 사용했습니다.