帶有柔性內容和標題的固定尺寸自舉面板

Question

面板高度固定爲300px，標題和內容可能會更改，但頁腳應保持固定在按鈕上。

達到此目的的最佳方法是什麼？

設置

.panel { 
    height : 250px; 
} 

.panel .panel-footer { 
position : absolute; 
bottom : 0;   
} 

原因頁腳小幅面板的邊框之外滑動，失去寬度。 我試圖找到儘可能小的固定大小的解決方案。

Bootply example here

謝謝。

Answer 1

我認爲這個解決方案可以幫助你

http://www.bootply.com/giovapanasiti/126477

Answer 2

美好的一天！

面板滑出，因爲它的包裝有margin-bottom最底：0沒有考慮。

一個簡單的解決方案沃爾德是將此CSS：

.panel { 
    height : 250px; 
    margin-bottom:0; 
    position: relative; 
} 

.panel .panel-footer { 
    position : absolute; 
    bottom : 0; 
    margin-bottom:1px; 
    width : 100%; 
} 

http://www.bootply.com/126692