无法根据需要制作标题

时间:2014-06-03 16:30:47

标签: css

mockup

想要在模型中实现标头。 因为我是新人,我无法实现。

Lwft侧杆和顶杆应始终保持不变。如果可能,页脚也应该是不变的。

只有内容区域应该可滚动..

我尝试过很多东西却无法实现..是的,我对CSS缺乏了解。

.topbar{
    width:80%;
    position:fixed;
    background-color:rgba(255,255,255,0.1);
    border:thin #666;
    background-attachment:fixed;
    margin: 1% auto 1% auto;
    z-index:50000;
    display:block;
}

DEMO:http://jsfiddle.net/sJCF5/

1 个答案:

答案 0 :(得分:0)

您可以将css更改为此

.sidebar{
    float:left;
    top: 30px; <- this will push the sidebar down by 30px to separate it from the topbar
    width:25%;
    position:fixed;
    height:100%;
    background-color:rgba(255,255,255,0.1);
    border:thin #666;
    background-attachment:fixed;
}
.content{    
    background-color:rgba(255,255,255,0.1);
    border:thin #666;
    background-attachment:fixed;
    float:right;
    margin-top: 30px; <- same with this one but we need to use margin here because the content need to be scrollable
    width:68%;
}

http://jsfiddle.net/sJCF5/1/