Html 修正了页面顶部的Div，右边是logo，左边是导航链接

我的固定div有些问题。 我想有我的标志缩进的权利，所以它会有点ind的中间和我的导航链接缩进到左边。但一旦我向左调整web浏览器窗口的大小，链接就会越过徽标，反之亦然

有没有办法我可以有一个固定的div，并有我的标志和链接保持不变的位置时，调整大小？或者当我调整大小时，它们一起移动到任意一边

---

这个怎么样？我在导航上使用了

float

左侧，在徽标上使用了右侧

---

我建议您使用浮动而不是定位。这将解决您的问题。您似乎正在构建自己的元素“

，

”。不要那样做，它会引起各种各样的问题。浮动和源顺序是您应该研究的内容。推特网站就是一个很好的例子。它有一个固定的顶部栏，链接和搜索栏缩进到中间。当您调整浏览器窗口的大小时，内容只是同步移动。这就是我想要实现的目标。

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