我遇到了令人沮丧和有趣的问题。
我正在进行的设计基于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/
答案 0 :(得分:1)
好的,得到你的意思,带我几分钟!
我现在没有时间检查这个,但它应该(希望)有效。
创建一个容器元素,设置为固定位置。将其定位在屏幕的右上角。将宽度设置为0,将高度设置为100%。同时设置最小高度为800px。
现在,将你的导航设置在绝对位置。然后将其设置为右下角1em。
那应该有用,我想......
希望有所帮助:)