如何停止從頁面上的屏幕上的向下箭頭調整與CSS的大小

我試圖在網頁上始終保持在屏幕上添加一個框。該HTML看起來是這樣的：應用於這個樣子的如何停止從頁面上的屏幕上的向下箭頭調整與CSS的大小

<div class="mySideBar"> <!-- Some text and other elements --> </div>

的風格：

.mySideBar { position: fixed; width: 20%; height: 80%; overflow-y: scroll; }

這很好地工作，直到我重新大小，然後我的窗口中的滾動條上的向下按鈕消失離屏幕和下方我的頁腳。頁腳HTML看起來像這樣：

<div class="myFooter"> <!-- Some text and other elements --> </div>

的CSS是這樣的：

.myFooter { position: fixed; width: 100%; height: 24px; overflow-y: scroll; }

我試着相對位置和其他一些東西打不過我似乎無法得到它的權利。它不僅需要在IE7中工作，而且恐怕我只能發佈顯示我的問題的混淆片段。有什麼我明顯錯過了嗎？

2013-09-26 Nickel

jsfiddle怎麼樣？ – Itay

如果您的頁腳具有固定的寬度（以像素爲單位）並且側欄是流暢的（以百分比表示），則側欄必須在頁腳的某個位置下移。我不能告訴你爲什麼它不離開屏幕，如果你不發佈你的佈局。 – Zemljoradnik

我會嘗試在本地與Firefox和完美的作品。 – ZaoTaoBao

我走後回到自己身上，自己找到了答案。對不起，我沒有回到那些留下評論，但我無法上網。如果使用底部的值設置爲24px，頁腳的高度，溢出滾動條將保持放置狀態。

2013-09-27 08:18:37 Nickel

回答