如何制作固定横幅以便内容流过它?

时间:2014-05-07 17:32:22

标签: jquery html css

所有搜索到的每个地方并尝试了很多之后,我从这里得到帮助我有一个横幅和下面的一些div但当我做横幅位置固定下面它来了一个横幅和横幅显示在那div ...... div假设在固定横幅之后不要使用css的'top'属性,如果我使用margin-top al内容下来留下顶部的空白

         <div class="header"></div>
         <div class="content">
         <div class="div1"></div>
         <div class="div2"></div>
         <div class="div3"></div>
         </div>

         .header{ width:100%; height:500px; background:#999; position:fixed;}
         .content{ width:100%; margin-top:300px;}
         .div1{ width:100%; height:400px; background:#09F;}
         .div2{ width:100%; height:400px; background:#FC3;}
         .div3{ width:100%; height:400px; background:#F30;}

请帮帮我

1 个答案:

答案 0 :(得分:1)

需要告知固定位置 去哪里。

top:0;left:0添加到您的.header课程。

 .header {
     width:100%;
     height:500px;
     background:#999;
     position:fixed;
     top: 0;
     left:0;
 }

演示:http://jsfiddle.net/E8kgr/

P.S。 500px是一个非常棒的大头。只是说'。