如何創建一個垂直滾動內容的DIV和固定頁腳始終可見？

Question

的HTML應該是某事像下面的（抱歉格式和格式，但我不知道如何發佈HTML樣品）

<div id="dialog-window"> 
    <div id="scrollable-content"> 
    what ever content here...div's, ul's and li's 
    </div> 
    <div id="footer"> 
    </div> 
</div> 

我要找的是始終有一個垂直滾動條，結果只對於內容和頁腳應始終在對話窗口的底部可見。對話窗口是一個固定大小的對話框。

我已經嘗試了其他帖子的一些想法，但不符合所有要求。任何想法做到這一點使用CSS（JS和jQuery也歡迎）

Answer 1

如何像下面？

只需創建一個容器，其中包含兩個用於滾動內容的頁面和一個用於頁腳的頁面。修正所有高度並使內容div可滾動。

CSS（我不會爲我的專家顏色選擇收費）：HTML的

#dialog-window { 
    height: 200px; 
    border: 1px black solid; 
} 

#scrollable-content { 
    height: 180px; 
    overflow: auto; 
    background-color: blue; 
} 

#footer { 
    height: 20px; 
    background-color: green; 
} 

例

<div id="dialog-window"> 

    <div id="scrollable-content"> 
    <ul> 
     <li>Sample</li> 
     <li>Sample</li> 
     <li>Sample</li> 
     <li>Sample</li> 
     <li>Sample</li> 
     <li>Sample</li> 
     <li>Sample</li> 
     <li>Sample</li> 
     <li>Sample</li> 
     <li>Sample</li> 
     <li>Sample</li> 
     <li>Sample</li> 
     <li>Sample</li> 
    </ul> 
    </div> 

    <div id="footer"> 
    </div> 

</div>