兩個div，一個在另一個裏面。父可滾動。兒童固定。

我有兩個div，我想把一個放在另一個裏面。父div的高度爲100％，並且是可滾動的（內容將溢出到右側）。小孩div有一個可重複的背景圖像通過CSS設置。我想把它放在父div的底部（在滾動條上方），就像一個頁腳，但是當滾動被移動時，這個div應該保持不動。兩個div，一個在另一個裏面。父可滾動。兒童固定。

這怎麼辦？

現在我有

.parent{ 
overflow-x:scroll; 
overflow-y:hidden; 
width:100%; 
height:100%; 
position:fixed; } 

.child{ 
height:33px; 
width:100%; 
bottom:0; 
left:0; 
background-image:url(<image_path>); 
background-repeat:repeat-x; 
position:absolute;} 


<div class="parent"> 
    <div class="child"> 
    </div> 
</div>

我遇到的問題是，滾動父div時孩子的div移動。

謝謝。

來源

2011-12-16 Hyperd

我不明白。如果父div設置爲100％寬度，則不會有任何滾動。是否有其他元素在父div內設置得更寬？ – Scott 2011-12-16 14:38:34

@Scott，這是一個[小提琴]（http://jsfiddle.net/YTtFa/），顯示問題。 – FakeRainBrigand 2011-12-16 15:04:27

除了背景圖像之外，您並不需要孩子div。你可以在父div中做到這一切。

JSBin演示------->HERE

你的小提琴後......編輯......忘記了孩子div的背景。將背景圖像放在父div上。讓孩子div透明幷包含文本。

更新的小提琴-------->HERE

來源

2011-12-16 14:44:47 Scott

兩個div，一個在另一個裏面。父可滾動。兒童固定。

回答

相關問題