将右侧栏固定到浏览器宽度

时间:2014-09-11 09:25:32

标签: html css

我有一个130px的标题;和页脚50px;在两者之间我放置内容。

内容有两个栏,一个左侧和右侧。我想在页眉和页脚之间修复右栏的高​​度。当滚动移动时它不应该移动。

请告诉我怎么做......

或者请告诉我这个js是否正确。我想从窗口高度减去50px

$(function(){
    vph = $(window).height();
  $('.topicsright').css({ 'height':vph - 50 + 'px' });

});

谢谢你

4 个答案:

答案 0 :(得分:0)

您最好的选择是添加http://jsfiddle.net/jo5z22wu/

position:fixed;

到你的divs

答案 1 :(得分:0)

div
{
position:fixed;
}

还在css中定义顶部,左侧或右侧的位置

答案 2 :(得分:0)

.right
{
position:fixed;
float:right;
height:100%;
}

然后将其传递给div。

答案 3 :(得分:0)

使用固定位置。

<强> Demo

position: fixed