右側div未填滿右側

我正在爲我公司的網站工作。我在右邊有一個div，它是向下延伸的灰色。它適用於除此之外的每一頁。我不明白爲什麼它不會延伸到頁腳。我爲它創建了一個jsfiddle。如果您檢查小提琴中的div，您會注意到.leftSide，.mainWrap和.paddingWrap沒有向上延伸超過頂部的「小冊子」標題。我可以這樣說，因爲當我將鼠標懸停在html中的每個div上時，藍色和紫色只包含「宣傳冊」標題。我認爲這就是欺騙。右側不應該延伸到應該去的地方。我盡我所能去除了與我的問題無關的小提琴中的所有代碼。右側div未填滿右側

Fiddle

初步認識CSS：

section.rightSide 
{ 
    position: absolute; 
    right: 0; 
    top: 0; 
    bottom: 0; 
    min-height: 900px; 
    /*float: right;*/ 
    width: 238px; 
    background: rgba(200, 200, 200, 0.7); 
    padding: 15px 5px 25px; 
    z-index: 1; 
} 

.leftSide 
{ 
    padding-right: 248px; 
    padding-top: 15px; 
} 

.paddingWrap 
{ 
    padding: 15px 70px; 
} 

section.mainWrap 
{  
    width: 100%; 
    margin: 0 auto; 
    font-size: 1.2em; 
}

來源

2014-03-07 dmikester1

可能是因爲該網頁比分鐘時 - 900px的高度，內容包裝不高。 'top：0;底部：0'技巧的工作方式如何，但你會發現，但由於父div不像頁面本身那麼高，結果並不如預期的 – giorgio

好吧，這段代碼適用於其他每頁（10+頁）。關於這個特定頁面的東西正在阻止它。 – dmikester1

你需要把這個在你的CSS： -

見http://jsfiddle.net/gyzhZ/2/

來源

2014-03-07 16:52:31 Ben

嗯，那是固定的特定頁面，但它打破了我的大部分其他頁面。灰色版權不再在其他頁面上延伸。奇怪的！ – dmikester1

我想這將是因爲您的小冊子內容（或等同物）在其他頁面上沒有這個頁面上那麼長。你可能只是把這個修復放在一個頁面上。或者，您可以使用css顯示器來查看完整高度div的更加堅固的方式：表格佈局大約（例如http://www.onenaught.com/posts/201/use-css-displaytable-for-layout） – Ben

對不起，方法不大約！ – Ben

右側div未填滿右側

回答

相關問題