0

divにテーブルがあります。ウィンドウに合わせてサイズを変更するには div が必要ですが、幅だけが変わります。div と table は次のように定義されます。

<div id="chatDiv">
    <table align='left' border='1'  id='messagetable'>
    </table>
</div>

そして、ここにcssがあります：

#messagetable {
    width: 99%;
    height: 99%;
    table-layout: fixed;
}

#chatDiv {
    background-color: black;
    color: yellow;
    width: 99%;
    height: 400px;
    border-style: solid;
    border-width: 2px;
    border-color: black;
    margin-bottom: 20px;
    overflow-y: auto;
    overflow-x: hidden;
    word-wrap: break-word;
}

スクロール バーを表示するのに十分なテキストがあります。

高さをパーセント、つまり height:100%; に変更すると、線が存在しないかのように動作します。私が言いたいのは、線がなくても結果は同じだということです。

不思議なのは幅が変わること。overflow-y:hidden を設定すると、目的が無効になります。

何か案は？明確にする必要がある場合はお知らせください。前もって感謝します。

4

1 に答える 1

2

これがあなたが探しているものであることを願っています。body の高さを明示的に設定し、div の高さをパーセンテージに戻します。

html, body {
    height: 100%;
}

#chatDiv{
    height:100%;
}

デモ

購入前にお試しください

于 2013-08-21T18:55:37.000 に答える