位置：固定，相对容器。固定高度设计

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

这应该工作，我想......

希望帮助:)