如何动态更改div的高度?
我有一个<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本身可以滚动。
很简单:
#right_side_bar {
position: fixed;
top: 38px;
bottom: 20px;
background-color: white;
overflow-y: scroll;
width: 272px;
}
这不会改变使div可滚动,基本上这个div只是截断,任何想法? – 2012-07-08 23:16:57
我认为这就是'overflow-y:scroll'所做的。你可以显示出现错误的截图吗? – 2012-07-08 23:17:32
这里有两个截图。第一个显示div,然后第二个在窗口大小调整后显示它,既不允许滚动,也不允许全部div访问。 http://i.stack.imgur.com/46kht.png http://i.stack.imgur.com/AcOqL.png – 2012-07-08 23:23:40
我觉得你有两种不同的方法混为一谈;静态定位和父高度相对计算高度。 – 2012-07-08 23:04:33
你应该得到[firebug](http://getfirebug.com)或者使用chrome中的“检查元素”来查看栏的样式,这对于拍摄来说没关系 – Trey 2012-07-08 23:06:59