我有一個問題,確定哪些CSS類定義停止了左邊欄(帶粉紅色背景的那個)在this page上的高度增長。哪個CSS定義停止左側邊欄DIV的高度增長?
我以前,我已經試過所有我能想到的,並研究了這裏的許多問題,包括增加height:auto;
和overflow:auto;
到col-left
,sidebar
,col-main
和所有其他已經提到。
有人可以幫我識別它嗎?
我有一個問題,確定哪些CSS類定義停止了左邊欄(帶粉紅色背景的那個)在this page上的高度增長。哪個CSS定義停止左側邊欄DIV的高度增長?
我以前,我已經試過所有我能想到的,並研究了這裏的許多問題,包括增加height:auto;
和overflow:auto;
到col-left
,sidebar
,col-main
和所有其他已經提到。
有人可以幫我識別它嗎?
一眼就認爲主要問題是對.col-left
的使用。 position:absolute
會導致該元素位於頁面其餘部分的流程之外。它的高度對其父項的結果高度沒有影響(就像它不在父項內部一樣)。
你太棒了馬特,感謝您的耐心 - 這是我在這裏問過的第一個問題! – 2013-02-19 20:35:35
查看頁面源代碼,元素的高度不是通過CSS指定的。如果您希望邊欄增長,則需要指定高度和/或最小/最大高度屬性。
將很多高度值設置爲100%,在我能夠增加內容的垂直空間之前,我一直走到頁面div類。
我建議評估你是否應該在如此多的元素中使用特定的高度屬性,你可能會無緣無故地束縛自己。
是的,我測試了每個人,這是我正在使用的包Magento根CSS。 – 2013-02-19 20:27:42
創建你在jsfiddle上發佈的問題的簡化示例。我甚至沒有在你發佈的鏈接中看到側邊欄... – bookcasey 2013-02-19 20:16:01
@bookcasey這是一個左邊的粉紅色側邊欄,我只是仔細檢查了我發佈的鏈接。我現在將創建一個jsfiddle,謝謝!\ – 2013-02-19 20:17:05
突出顯示了頁面相關部分的一個屏幕截圖或兩個屏幕截圖,並說明它應該採取什麼不同的操作也會有所幫助。 – 2013-02-19 20:17:51