2012-07-08 139 views
0

我有一个<div id="right_side_bar">用CSS:如何动态更改div的高度?

#right_side_bar{ 
margin-top:38px; 
    width:272px; 
    margin-left:722px; 
    background-color:#FFF; 
    padding-bottom:20px; 
    overflow-y:scroll; 
} 

我看到堆栈类似的问题,但我无法弄清楚如何使right_side_bar改变其高度,使得窗口始终为100%。我希望修正它,使其不会随页面的其余部分一起滚动。但正是Gawker.com的做法,div本身可以滚动。

+0

我觉得你有两种不同的方法混为一谈;静态定位和父高度相对计算高度。 – 2012-07-08 23:04:33

+0

你应该得到[firebug](http://getfirebug.com)或者使用chrome中的“检查元素”来查看栏的样式,这对于拍摄来说没关系 – Trey 2012-07-08 23:06:59

回答

1

很简单:

#right_side_bar { 
    position: fixed; 
    top: 38px; 
    bottom: 20px; 
    background-color: white; 
    overflow-y: scroll; 
    width: 272px; 
} 
+0

这不会改变使div可滚动,基本上这个div只是截断,任何想法? – 2012-07-08 23:16:57

+0

我认为这就是'overflow-y:scroll'所做的。你可以显示出现错误的截图吗? – 2012-07-08 23:17:32

+0

这里有两个截图。第一个显示div,然后第二个在窗口大小调整后显示它,既不允许滚动,也不允许全部div访问。 http://i.stack.imgur.com/46kht.png http://i.stack.imgur.com/AcOqL.png – 2012-07-08 23:23:40