1

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

我正在进行的设计基于 100% 高度布局。
网站页面总是有图像。
高度只能是 800 像素。
在此图像上设置了 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/

4

1 回答 1

1

好的,得到你想要的,花了我几分钟!

我现在没有时间检查这个,但它应该(希望)工作。

创建一个容器元素,设置为固定位置。将其放置在屏幕的右上角。将宽度设置为 0,高度设置为 100%。还将最小高度设置为 800 像素。

现在,将您的导航设置为绝对位置。然后将其设置为底部 1em 右 0。

这应该可行,我想...

希望有帮助:)

于 2012-05-15T10:04:03.787 回答