所以问题出在对象标签上。它只是拒绝按高度缩放。 Chrome 工作完美。 IE 和 firefox 它保持默认高度。我很难找到跨浏览器代码。从我从其他线程和站点发现的情况来看，父容器需要设置高度。这就是为什么您会在 html 和 body 以及 <div id="calendar"> 上看到高度设置的原因.虽然我明白了这个理论，但它仍然行不通。
旁注:使用内联 CSS 的原因是因为那是我进行 CSS 测试的地方。而且我没有做 fiddle ，因为该对象就像 80 多个文件，我不知道如何很好地使用 jsfiddle，感觉好像无法在其中获取日历。
<!DOCTYPE html>
<html style="height: 100%" >
<body style="height: 100%" >
<form >
<div id="calendar" style="height: 70%">
<object data="calendar.php" width="50%" style="height: 100%"/>
</div>
</form>
</body>
</html>
最佳答案
所以问题出在 object 标签 那么标签在哪里呢？对于你问为什么需要这个的问题
html, body {
height: 100%;
width: 100%;
}
是因为当您使用 height: 70%; 作为子元素时，问题出现了 70% 是什么？因此，当您在 % 中定义父级的高度时，它定义了 70% 的 100%
关于html - 高度 css 在 IE 和 firefox 中不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13825966/