在引導程序中以邊欄（面板）的高度爲100％的問題

我在使用側欄（Panel）的twitter引導程序時遇到了麻煩。這裏是快照邊欄（面板）。在引導程序中以邊欄（面板）的高度爲100％的問題

enter image description here

，這裏是它我的CSS代碼。

.sharecartside .content { 
    height: 100% !important; 
    min-height: 100%; 
    padding: 18px 10px 20px 30px; 
} 
.sharecartside { 
    height: 100%; 
    margin: 1px 0 0 508px; 
} 
.sharecartside { 
    background: url("../images/bg_sidepannel.png") repeat-y scroll 0 0 transparent; 
    float: right; 
    margin: 1px 0 0 400px; 
    position: absolute; 
    width: 300px; 
}

任何幫助將不勝感激。謝謝。

來源

2013-07-16 Shivam Pandya

您可以爲此問題創建實時演示（例如在jsfiddle上）嗎？ –

爲了使「高度：100％」適用於任何HTML元素，其父項應具有已定義的高度值。或者該項目將擴展到最高祖先的高度並定義高度。

如果元素的所有祖先都沒有以百分比定義或定義的高度，那麼爲了讓元素擴展到頁面的高度，應該給body和html兩者都設置100％高度。

如果使用的是引導反應靈敏，使用

html,body{ height:100%}

在CSS

應該解決的問題。確保在包含bootstrap-responsive.css後出現此規則

來源

2013-07-16 21:47:06

這對我不起作用，我有一個面板，即使我把所有的祖先都做成了100％，並且也是body和html，但它並沒有拉伸到100％。我認爲應該使用最小高度。 –

經過多次嘗試，我沒有看到任何選項，只是在px中設置高度。但我會嘗試在JavaScript中設置它。 –

在引導程序中以邊欄（面板）的高度爲100％的問題

回答

相關問題