完整的小提琴:http: //jsfiddle.net/kenyu73/TqLH4/3/
我经历了很多溢出帖子,似乎与浏览器版本和浏览器版本一样多的解决方案!
我试过使用 Height:100%; 溢出:隐藏;在所有父元素上。(, , ETC)
如果我设置我的 (row4 > td) = 75% 左右,溢出显然消失了。
想法、建议?
谢谢!
#row0,#row1,#row2,#row3{
height: 1%;
}
#row4{
}
#row4 > td{
height: 100%; /*** UGH, todo...***/
overflow: hidden;
}
#divContainer{
height: 100%; /*** UGH, todo...***/
border: 1px solid #C8C8C8;
margin: 2px;
overflow: auto;
}
.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
.
<tr id="row4">
<td>
<div id="divContainer">
<div class="results" id="div_search_results"></div>
<div class="results" id="div_content_results"></div>
<div class="results" id="div_top_results"></div>
</div>
</td>
<td>
<div id="divContainer">
<div id="div_contents"></div>
</div>
</td>
</tr>
IE9 - Blah --> 获取“浏览器”滚动条,因为正文离开页面!
铬 - 完美!