html - 在这里，我希望底部部分的高度为 100%，并且我不想超过我在“.main”类中固定的 400px 高度

Question

我在设计底部部分遇到了 100% 高度的问题。在这里，我希望底部部分的高度为 100%，并且我不想超过我在“.main”类中固定的 400px 高度。而且我不想移动顶部的高度。我一直只想要底部 100%。

你可以在这里查看：http: //jsfiddle.net/jZTr2/2/

我不想移动顶部蓝色突出显示的部分。我想要 100% 高度的底部聊天部分。

Answer 1

我希望它会奏效。 http://jsfiddle.net/jZTr2/10/

Answer 2

给你：http: //jsfiddle.net/jZTr2/12/

秘密是display:table和display:table-row。请注意，您可能需要为您的实现稍微自定义宽度。