CSS 固定位置属性带来麻烦

Question

我有以下 div，我想将其固定在窗口顶部:

<div class="head"> <img scr="website.jpg" id="heading">
  <div id="nav"> <a href="pro.html"><img src="tag1.jpg"></a> | 
      <a href="forum.html"><img src="tag2.jpg"></a> | 
      <a href="glr.html"><img src="tag3.jpg"></a> | 
      <a href="cus.html"><img src="tag4.jpg"></a> 
  </div>
</div>

我能够成功地设置上述 2 个 div 的样式，但是当我尝试添加时

.head{
 position:fixed;
 }

div 向下抛出，在其上方留有相当大的空间。我尝试删除所有 margin:top 实例，但这没有帮助。有什么问题吗？

Answer 1

你也必须设置一个位置，所以:

position: fixed; left: 0; top: 0;