css - 位置 : Fixed, 相对容器。定高设计

Question

我遇到了一个令人沮丧但有趣的问题。

我正在进行的设计基于 100% 高度布局。
网站页面始终有图像。
高度只能为 800 像素。
此图片的最大高度设置为 100%。

网站的结果在大显示器上运行良好，但在较小的屏幕上图像会调整，这意味着该网站始终适合。

-

因为该站点使用水平滚动，所以我在 #footer nav 上使用了一个 position: fixed 来将导航定位在右下角。

但是，当屏幕高度大于 800px 时，此页脚 #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%。同时将最小高度设置为 800 像素。

现在，将你的导航设置为绝对位置。然后将其设置为 bottom 1em right 0。

我认为这应该可行...

希望对您有所帮助:)