位置:固定,相对容器。固定高度设计

时间:2012-05-15 09:58:00

标签: css css3

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

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

在大型显示器上运行良好的网站中的结果,但在较小的屏幕上,图像将调整意味着网站始终很好地适应。

-

由于该网站使用水平滚动,我正在利用#footer导航中的位置固定,将导航定位在右下方。

但是,当屏幕高度大于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/

1 个答案:

答案 0 :(得分:1)

好的,得到你的意思,带我几分钟!

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

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

现在,将你的导航设置在绝对位置。然后将其设置为右下角1em。

那应该有用,我想......

希望有所帮助:)