頁面頂部有固定div，右側有徽標，左側有導航鏈接

Question

我的固定div有些麻煩。 我希望將我的徽標縮進到右側，以便它可以在中間，而我的導航鏈接縮進左側。但是一旦我將我的網頁瀏覽器窗口調整到左側，鏈接會覆蓋徽標，反之亦然。

有沒有什麼辦法可以讓我有一個固定的div，讓我的標誌和鏈接在調整大小時保持相同的位置？或者當我調整大小時，他們會一起轉向任何一方。

http://jsfiddle.net/marrto/Dtz2C/

<div id="container"> 
<div id="nav"> <div> 
    <spanl> 
     <a href="index.html"> LOGO IMAGE </a> 
    </spanl> 
    </div> 

<div> 
<spantr> 
    <ul> 
<li><a href="#">Home</a></li> 
<li><a href="#">About</a></li> 
<li><a href="#">Merchandise</a></li> 
<li><a href="#">Gallery</a></li> 
</ul> 
</spantr> 
</div> 

#nav { 
position:fixed; 
left:0px; 
top:0px; 
height:55px; 
width:100%; 
background:#999; 
} 

#container div spanl{ 
position:absolute; 
top:0px; 
left:500px;; 
padding: 1em; 



} 
#container div spanr{ 
position:absolute; 
top:0px; 
right:500px; 
padding: 1em; 
margin-left: auto; 
margin-right: auto; 

} 


ul { 
overflow: visible; 
list-style-type: none; 

} 

li { 
height: 15px; 
float: left; 
margin-right: 0px; 
margin-top: -10px; 
border-right: 1px solid #aaa; 
padding: 0 10px; 

} 

li:last-child { 
border-right: none; 
} 

Answer 1

這個怎麼樣？我用float留在導航和右側上的標識

http://jsfiddle.net/Dtz2C/4/