Question

小提琴： http://jsfiddle.net/kenyu73/TqLH4/3/

我经历了很多Overflow帖子，似乎有与浏览器和浏览器版本一样多的解决方案！

我尝试过使用高度：100％;溢出：隐藏;在所有父元素上也是如此。（等）

如果我设置我的（row4＆gt; 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 - ＆gt;获取“浏览器”滚动条，因为正在离开页面！

IE9 Overflow: hidden not working

Chrome - 完美！

Chrome Overflow OK

如何修复IE（9）和Chrome之间的垂直溢出

0 个答案: