1
我已经看过这个论坛上有100％身高的问题的divs，并且似乎无法找到我遇到的确切问题。基本上我有一个百分之百的高度和部分滚动条被切断。我该如何解决？我已经在下面附上示例代码。DIV与100％身高正在切断滚动条
HTML：
<body style="height:150px;">
<div style="height:150px;padding:0px;margin:0px;border:0px" >
<DIV class="wrapper">
<TABLE id="title_table" >
<TR class="titleHeader_row" oncontextmenu="return false;">
<TH class="coltitleExpand_cell">123
</TH>
<TH class="coltitle_cell">123<br/>123
</TH>
<TH class="coltitle_cell">123<br/>123<br/>123
</TH>
<TH class="coltitle_cell">123<br/>123<br/>123
</TH>
<TH class="coltitle_cell">123<br/>123
</TH>
<TH class="coltitle_cell">123<br/>123
</TH>
<TH class="coltitle_cell">123<br/>123
</TH>
<TH class="coltitle_cell">123<br/>123
</TH>
<TH class="coltitle_cell">123<br/>123
</TH>
</TR>
</TABLE>
<DIV class="record_div" id="coldata_div">
<TABLE class="record_table" id="coldata_table">
<TR>
<TD class="dummy_cell"></TD>
<TH >123
</TH>
<TH >123<br/>123
</TH>
<TH >123<br/>123<br/>123
</TH>
<TH >123<br/>123<br/>123
</TH>
<TH >123<br/>123
</TH>
<TH >123<br/>123
</TH>
<TH >123<br/>123
</TH>
<TH >123<br/>123
</TH>
</TR>
<TR>
<TD class="dummy_cell"></TD>
<TH >123
</TH>
<TH >123<br/>123
</TH>
<TH >123<br/>123<br/>123
</TH>
<TH >123<br/>123<br/>123
</TH>
<TH >123<br/>123
</TH>
<TH >123<br/>123
</TH>
<TH >123<br/>123
</TH>
<TH >123<br/>123
</TH>
</TR>
<TR>
<TD class="dummy_cell"></TD>
<TH >123
</TH>
<TH >123<br/>123
</TH>
<TH >123<br/>123<br/>123
</TH>
<TH >123<br/>123<br/>123
</TH>
<TH >123<br/>123
</TH>
<TH >123<br/>123
</TH>
<TH >123<br/>123
</TH>
<TH >123<br/>123
</TH>
</TR>
</TABLE>
</div>
</DIV>
</body>
CSS：
.wrapper {
margin: 0;
padding:0px 0px 0px 3px;
width:100%;
height:150px;
overflow:hidden;
}
.dummy_cell {
width: 45px;
}
.wrapper table {
border-collapse: collapse;
margin: 0;
padding: 0;
table-layout: fixed;
}
.wrapper #title_table {
position: relative;
}
.wrapper th {
font: normal;
}
.wrapper #title_table .titleHeader_row {
background-color: #E7F0F7;
font: 11px bold Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
.wrapper #title_table .titleHeader_row th.coltitle_cell {
border: 1px solid #a7cbe3;
border-left: none;
font: bold 11px;
min-height: 35px;
margin: 0;
padding: 0;
position: relative;
}
.wrapper #title_table .titleHeader_row .coltitleExpand_cell {
border: 1px solid #a7cbe3;
margin: 0;
text-align: left;
width: 45px;
}
.wrapper #title_table {
position: relative;
}
.wrapper th {
font: normal;
}
.wrapper #title_table .titleHeader_row {
background-color: #E7F0F7;
font: 11px bold Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
.wrapper #title_table .titleHeader_row th.coltitle_cell {
border: 1px solid #a7cbe3;
border-left: none;
font: bold 11px;
min-height: 35px;
margin: 0;
padding: 0;
position: relative;
}
.wrapper .results_row {
display: inline;
}
.record_div {
margin:0px;
width:100%;
height:100%;
overflow:auto;
}
.wrapper .record_div .record_table {
table-layout:fixed;
margin: 0;
}
好的。这适用于这个例子。但是，我的问题有点复杂。提供的代码实际上是一个iframe中的html文件。