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;
}

有足够的文本来显示滚动条。

当我将高度更改为百分比时，即高度：100%;，它的行为就好像线不存在一样。我的意思是，没有这条线，结果是一样的。

奇怪的是宽度发生了变化。设置 overflow-y:hidden 会破坏目的。

有任何想法吗？让我知道是否需要澄清。提前致谢。

4

1 回答 1

2

我希望这就是你要找的。显式设置 body 的高度并将 div 的高度设置回百分比：

html, body {
    height: 100%;
}

#chatDiv{
    height:100%;
}

演示

先试后买

于 2013-08-21T18:55:37.000 回答