我正在建立一个测试网站，但无法弄清楚我遇到的两个问题;这太痛苦了！ （这个网站需要在非IE浏览器上查看，因为我还没有为不透明度添加图像支持，所以它没有多大意义）
http://www.projekarkitek.com/test/
1）我在BODY中添加了带有'inset'的box-shadow，使其在屏幕边缘产生内部发光效果，但是底部阴影只是粘在浏览器视口而不是BODY上，所以如果是浏览器视口滚动条开始然后底部阴影粘到浏览器视口最初的位置而不是BODY留下一个很大的可见间隙。如果我将盒子阴影附加到HTML上，那就是视口，但是BODY应该是整个文档。 ARGHH！
box-shadow: 0 0 200px #cbc8cb inset;
2）我的页脚文本（rss等）位于正文的底部，但是当浏览器窗口的高度和宽度减小时，页脚文本与中间的主要内容重叠。我意识到这是因为中间的元素是绝对的，因此在文档流程中，但我无法找到解决方法，我需要页脚尊重中间内容和滚动条在视口很短时启动所以页脚文本停留在底部。有任何想法吗？
仅仅为了记录，中间框绝对定位于主包装器，它具有较小的宽度以使它们保持在左侧，而包装器保持在中央位置，因此当远处的博客列表时，小屏幕上不会发生冲突右边靠近了。如果我将它们全部放在宽度为940px的包装中，那么右边的博客列表就会轻易地重叠这些框。
答案 0 :(得分：0)
1）将height: 100%放在html选择器上，这样身体就可以占据100％。
2）你也可以在你的身上放一个min-height，让页脚保持不动。
答案 1 :(得分：0)
2）我可能因为这样说而被扔石头，但是...使用100％高度的桌子。认真。有时使用CSS进行布局是不切实际的，因为它没有元素之间关系的概念。使用表来保证内容在边缘条件下不会出现异常，并使用CSS来控制外观。