指定最小高度和100％高度

Question

我一直在网上搜寻试图找到我的css噩梦问题的答案。

主要问题似乎是在所有浏览器中获得最小高度：580px和高度：100％。

我需要做的是：

1. 网站最小高度为580像素，包括页脚，因此滚动条前的总高度为580像素。
2. 此外，最小宽度需要930px，包括每边15px的左右边距。
3. 216px宽和100％高的左侧菜单减去30px的页脚高度。
4. 屏幕的主要部分应填充所有可用空间。除非屏幕高度小于580px或宽度小于930px。在这种情况下，你会得到滚动条。
5. 兼容性ie6,7,8，Firefox和Safari。

可以在没有Javascript的情况下完成吗？

Answer 1

可能有更简洁的方法，但是关于最小高度的想法（最小高度不会被IE＆lt; 8解释）：

在屏幕的左下角放置一个绝对定位的1像素宽不可见DIV。给它580像素的高度。 这应该使高度至少为580像素。

水平宽度应该是可以的。

然后您应该能够以通常的方式处理菜单部分。

不要忘记你的HTML元素需要高度：100％高度：100％在身体内工作。

Answer 2

首先，没有javascript，期间，IE6或IE7中的min-height不支持。所以你的问题的答案是否定的。

一般来说，虽然（并且我承认我不确定，因为我没有彻底测试它）但我似乎记得高度：100％覆盖了浏览器中的min-height属性设置支持它。

您可以尝试在100％高度div内部或外部使用第二个div，这是您需要的580px ......