Css 我的网站顶部的水平线需要固定在标题中

我有一个水平线分开我的标题和正文内容，并希望它留在原地滚动时。当我试图将它设置为“固定”位置时，它会做一些有趣的事情，请有人帮忙，谢谢

这是HTML

     <div id="wrapperfull">

     <div class="fitter">

     <div id="head">

     <div id="header">
     <a href="index.html"><img src="../Images/Header2.png" width="379" height="99" alt="Just Joel Header"></a>
     </div><!-- end header div -->

     <div class="navigation">

     <div class="menu-holder">

     <ul class="menu">

        <li><a href="index.html">HOME</a></li>

        <li><a href='print.html'>WORK</a>
      </li>

        <li><a href="photography.html">PHOTOGRAPHY</a>
      </li>

        <li><a href="blog.html">BLOG</a>
      </li>

        <li><a href="inspired.html">INSPIRED</a>
      </li>

       </ul>
     </div>
     <!-- menu-holder end -->
     </div><!-- end navigation div -->     


     </div>


     </div>

     <div class="bottom-color">
     </div>

     <div class="heading">

     <h1>SHOWCASE</h1>

     </div>

---

我刚刚测试了你的代码，如果我正确理解你说的话，那么它似乎对我有用。看看这个代码

its also a good idea to add 
* {
margin: 0;
padding: 0;
}

http://jsfiddle.net/4gHuT/2/

---

你应该改进它，并在导航下方留下一条天蓝色的固定线，删除

  <div class="bottom-color"> </div>

---

在第54行

中，线保持在原来的位置，不在收割台后面？您认为在fitter div中有一些线可以走，并且是多余的吗？@user3015137是的，如果您希望该线保持固定，最好的方法是在收割台容器中使用边框底部，IMO

  <div class="bottom-color"> </div>

width: px;