1

我遇到了一个问题，我在父 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 和 table 中添加以下任何结果： 

overflow: hidden, auto, scroll
clear: both; 
float: left;
display: block;

溢出隐藏刚刚删除了滚动条，但表格仍然超出了页面的范围。

我试过添加：

height: expression(this.scrollHeight > 599 ? "600px" : "auto");
/* supposed to be the workaround for max-height in IE*/

到桌子上

max-height 在 Firefox 和 Chrome 中效果很好。这只是IE

我正在使用以下文档类型：

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

任何帮助将不胜感激。

4

2 回答 2

0

终于找到我的答案了！


我需要添加

position: relative;

在父 div

如果有人可以的话，现在可以在以下站点找到答案：
http
://net.tutsplus.com/tutorials/html-css-techniques/9-most-common-ie-bugs-and-how-to-fix-them/告诉我为什么它有效....

于 2013-02-07T15:17:06.913 回答
0

请参阅此相关问题：CSS 表达式设置 div 的高度

简短的回答，你最好使用 JavaScript 来做这个......

于 2013-02-06T20:59:59.257 回答