Question

我在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会破坏目的。

有什么想法吗？如果我需要澄清，请告诉我。提前谢谢。

Answer 1

我希望这就是你要找的东西。明确设置主体的高度并将div的高度设置回百分比：

html, body {
    height: 100%;
}

#chatDiv{
    height:100%;
}

<强>演示

Try before buy

Div中的100％高度

1 个答案: