2012-07-08 171 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