您可以創建的div不滾動頁面內容

我有內容就可以了幾個div的網頁，一個疊在另一個上面。在底部，所有的內容div的，我希望這是一個100像素高的圖像（或者也許這是一個DIV與background-image）。

當您查看此網頁時，瀏覽器會創建滾動條，讓您可以向下滾動的內容也讓您可以滾動底部DIV /圖像進入視野。

是否有CSS設置我可以在底部DIV /圖像上使用，這樣瀏覽器基本上忽略了它作爲內容？所以瀏覽器不會向下滾動到它？我無法弄清楚這是否可行。

或者，我可以將圖像的一部分作爲<body>背景，但是如何強制該圖像顯示在我的內容div的下方？當您更改窗口大小時，由於更改了內容的內容，因此我的內容div的更改的高度。所以我不確定如何確保底部圖像在最後一個內容div後面顯示，如果它是背景。

UPDATE

這裏是一個鏈接，可以幫助說明我想要做的事：http://jsbin.com/ojejad/2/edit

當向下滾動，綠色顯示出來，因爲這是明顯的內容的一部分這一頁。是否有可能爲瀏覽器不考慮頁面內容的綠色DIV部分，從而使滾動停止在藍色的底部？

這樣做的原因是，我希望人們能看到綠色的圖像在僅當它們的顯示器足夠大，他們natually看到所有的藍色+綠色無需滾動底部。但是，如果用戶的顯示器太小了，我不想讓他們滾動到頁面底部，並繼續滾動剛看到這個圖像，因爲它真的應該只是一個背景圖片，而不是分開的重要內容。

的可能重複[你怎麼做，你滾動一個div後續？（http://stackoverflow.com/questions/11399537/how-do-you-make- a-div-follow-as-you-scroll） –

聽起來就像你需要你的元素離開文檔流。你可以使它成爲一個僞元素或給它定位。你能提供一些代碼/附帶圖片/演示嗎？ –

如果你想要的東西粘在屏幕使用

position:fixed;

像這樣：

div { 
    background-color:blue; 
    height:200px; 
    width:200px; 
    position:fixed; 
    bottom:0; 
}

編輯：

如果你想要的東西粘其父使用

position:absolute;

在被粘元件和

position:relative;

在父。

位置絕對不尊重除具有比靜態其他位置下一個父東西。

例

2013-07-10 20:51:42 user1721135

當我調整瀏覽器的大小時，如何將它修改爲改變高度的div底部？ –

如果你想把它固定到div而不是屏幕使用位置：絕對;和位置：相對;對你的父元素希望定位它。 – user1721135

看到這個http://jsbin.com/eceqeh/1/edit調整你的瀏覽器，它將永遠在藍色div的底部 – user1721135

回答