位置：固定，相對容器。固定高度設計

Question

我經歷了一個令人沮喪和有趣的問題。

我正在設計的設計基於100％高度佈局。
網站頁面始終有圖像。
高度只能達到800px。
此圖像上設置了最大高度爲100％。

在大型監視器上很好地工作的網站中的結果，但在較小的屏幕上，圖像將進行調整，意味着該網站總是非常適合。

-

因爲網站使用了水平滾動，我利用一個位置，即：固定，在#footer的導航，定位在右下角的導航。

但是，當屏幕高度大於800像素時，此頁腳#nav保留在右下角。

我想找到一個解決方案，它將允許這個固定的元素相對於容器div的高度固定。意味着導航始終位於站點佈局底部上方1em處。

-

這裏你可以看到網站 - http://eastat1003.dev.voodoobytes.net/artists/bukanova/art-direction/idol-magazine-the-selected-ones/

- 編輯2012年5月17日 - 網站現在生活！ http://www.eastatheart.com/

Answer 1

好吧，得到你的後，帶了我幾分鐘！

我沒有時間檢查這個現在，但它應該（希望）工作。

創建一個容器元素，設置爲固定位置。將其定位到屏幕的右上角。將寬度設置爲0並將高度設置爲100％。還設置800px的最小高度。

現在，把你的導航設置爲絕對位置。然後設置於底部1EM右0

這應該工作，我想......

希望幫助:)