2017-03-02 92 views
1

我試圖在stackoverflow上搜索現有的解決方案,但沒有爲我工作。css強制動態大小的父div的底部div div

我正在使用視覺作曲家插件,我創建了一個包含壁紙圖片的父div。我已經使用了下面的CSS來使圖片在所有屏幕尺寸上均可伸縮。

.backgroundHome 
{ 
    background: no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 


} 

這個CSS工作非常適合我,但現在我已經創建的父(又名子格)中的新內線,我想迫使父div的底部。我只想在頁面加載時這樣做,但是當您滾動子div時必須滾動以及頁面的其餘部分。請記住,父母的身高是根據屏幕尺寸動態生成的,因此將父母和孩子設置爲絕對位置,並且固定位置不起作用

回答

1

如果您有一個html代碼段作爲示例,這將非常有用,但我會嘗試使用position: absolute?你說父母的高度是動態設置的,但爲了滾動內容必須比父容器長。下面的代碼將會使.child元素粘在容器的底部。

.parent { 
    position: relative 
} 

.child { 
    position: absolute; 
    left: 0; 
    bottom: 0; 
} 
+0

謝謝我開始想知道如果父div是動態擴展。您是否同意它基於css代碼: –

+0

.backgroundHome { background:no-repeat center center fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } –