html - 流体和固定头

Question

我想创建一个带有固定标题的网站，它也应该是一个流畅的布局。有没有办法做到这一点？如果是这样怎么办？任何帮助将不胜感激。

Answer 1

HTML 的骨架如下:

<div class="masterHeader">   
   THIS IS HEADER TEXT
   <br/>

   <span style="float: left;"> LEFT SPAN </span>
   <span style="float: right;"> RIGHT SPAN </span>
</div>

<div class="contentData">
</div>

使用以下 CSS 进行样式设置:

.masterHeader
{
    display: block;
    height: 80px;
    position: fixed;
    text-align: center;
    min-width: 700px;
    width: 100%;
}

.contentData
{
    float: left;
    margin-top: 100px;
    padding-bottom: 15px;
    padding-left: 2px;
    position: relative;
    width: 100%;
}