最大高度和边距底部在Webkit中工作正常,而不是在Firefox中

时间:2012-05-02 14:32:14

标签: html css

我的目标是让第二个div占用所需的空间。如果浏览器窗口很小,则滚动条应出现在div内。在Webkit中工作正常但在Firefox中没有。

我猜这个问题有:

  • 最大高度
  • 身高:100%
  • max-height&余量。

如果我提供HTML和BODY 高度 和/或 max-height ,则max-height工作正常但身体上的额外余量不起作用 - 不在Webkit或Firefox中。

您可以在此处找到代码: http://dl.dropbox.com/u/514866/uploaded/box-test.html

感谢您的时间。

2 个答案:

答案 0 :(得分:1)

您选择的<!HTML>文档类型不会触发标准模式,因此您的页面将以怪癖模式显示。

尝试将您的文档类型更改为<!DOCTYPE html>,然后重复测试。

答案 1 :(得分:0)

使用这些

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">