固定模板侧边栏位置固定

时间:2012-04-07 18:35:33

标签: javascript html css html5 css3

我想更改以下模板上的侧边栏以获得固定位置。

是否可以不使用javascript而只使用css?

Template Demo

PS:侧边栏的位置固定不是一个选项,因为它改变了网站的整体结构,并且它们被放置在内容区域之外。

3 个答案:

答案 0 :(得分:1)

你想要这样吗?http://jsfiddle.net/kFBuD/1447/

overflow:hidden;

答案 1 :(得分:0)

您可以使用位置:已修复

.sidebar1, .sidebar2 {
    background: red;
    height:100%;
    width: 100px;
    top:0;
    padding-top:60px;
    **position:fixed;**
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
}

答案 2 :(得分:0)

如果您不想在CSS或JavaScript中使用HTML,则可以使用HTML的overflow属性。