我遇到了一个问题,我在父 div 中有一个动态构建的表。
我已经为父 div 设置了最大高度,但是如果表更大,那么 div 表完全忽略它的父 div 的最大高度并溢出页面
以下是表格的 CSS:
#navigator_table
{
table-layout: fixed;
font-family: Arial;
font-size: 10px;
margin: 5px 5px;
text-align: center;
border-collapse: collapse;
border: 1px solid #000;
Width: 95%;
}
以下是 div 的 CSS:
.navigator_overflow
{
max-width: 650px;
height: expression(this.scrollHeight > 599 ? "600px" : "auto");
max-height: 600px;
overflow: scroll;
}
我已经尝试在 div 和表格中添加以下任何内容都没有结果:
overflow: hidden, auto, scroll
clear: both;
float: left;
display: block;
overflow hidden 只是删除了滚动条,但表格仍然超出了页面的范围。
我试过添加:
height: expression(this.scrollHeight > 599 ? "600px" : "auto");
/* supposed to be the workaround for max-height in IE*/
到 table 上
max-height 在 Firefox 和 Chrome 中运行良好。这只是 IE
我正在使用以下文档类型:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
如有任何帮助,我们将不胜感激。
最佳答案
请参阅此相关问题:CSS expression to set height of div
简短的回答,你最好使用 JavaScript...
关于html - CSS 表格高度在 IE8 中溢出容器 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14738652/