0

フルフィドル: http://jsfiddle.net/kenyu73/TqLH4/3/

私はたくさんのオーバーフロー投稿を経験してきましたが、ブラウザーのバージョンとブラウザーのバージョンと同じくらい多くの解決策があるようです!

Height:100%; を使用してみました。オーバーフロー: 非表示; すべての親要素でも。(、、など)

(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 - 何とか --> 本文がページから外れてから「ブラウザ」スクロールバーを取得!

IE9 オーバーフロー: 非表示が機能しない

クロム - パーフェクト！

Chrome オーバーフロー OK

4

0 に答える 0