Div在其他瀏覽器中隨機錯誤

我在我的網站的'nav'中有一個'register'div，在firefox中一切都呈現完美，但在Chrome等其他瀏覽器中，定位有時完全關閉，但如果我刷新頁面，它修復了它自己。Div在其他瀏覽器中隨機錯誤

此外，如果我檢查元素並檢查/取消選中'position：absolute'，它通常會進入正確的位置。

這裏有很多糾結的代碼，所以我提前致歉，並且非常感謝您的幫助！

我會後下面的相關代碼，但如果你需要看到完整代碼，請去www.mindmote.com/nav/index.php

HTML：

<header> 
    <img src="..." onclick="location.href='../nav/index.php'" /> 
</header>  
<nav> 
<ul class="fancyNav"> 
     ... 
</ul> 
    <div class="register"> 
     <a class="unlink" id='windowbox' style='border-radius: 10px;width:45px;' href="...">Register</a> 
     <a class="unlink" id='windowbox' style='border-radius:10px;width:40px;' href="...">Log In</a> 
    </div>    
</nav>

CSS：

.register{ 
    position: absolute; 
    display: inline; 
    width:auto; 
    height:auto; 
    margin: 5px; 
    font-size: 18px/20px; 
} 
a.unlink{ 
    color:#0f0000; 
    text-decoration: none; 
    clear: both; 
} 
a:hover.unlink{ 
    color:#ecf7ed;  
    text-decoration: none; 
    clear:both; 
} 
#windowbox{ 
    border-bottom-left-radius:10px; 
    border-bottom-right-radius:10px; 
    margin-left: auto; 
    margin-right: auto; 
    padding: 5px; 
    width :auto; 
    height:auto; 
    background: #c3912b url('../assets/img/nosp.png') repeat; 
    border: 1px solid #666666; /***/ 
    -webkit-box-shadow: 5px 5px 10px .5px rgba(100, 100, 100, .3);   
    box-shadow: 5px 5px 10px .5px rgba(100, 100, 100, .3); 
} 
.fancyNav{ 
    position: relative; 
    text-align: start; 
    display: inline; 
    margin: 0; 
    padding: 15px 4px 17px 0; 
    list-style: none; 
    -webkit-box-shadow: 5px 5px 10px .5px rgba(100, 100, 100, .3);   
    box-shadow: 5px 5px 10px .5px rgba(100, 100, 100, .3); 
}

來源

2013-10-14 bnunamak

刪除絕對定位，應該沒問題。

來源

2013-10-15 11:30:04 Madness

Div在其他瀏覽器中隨機錯誤

回答

相關問題