html - 将DIV拉伸(stretch)到整个页面宽度，但也可以根据浏览器边框自动调整大小

如何使此布局完全响应？
基本上我需要两个盒子：

chatEntries和#chatUsers可以在整个页面中使用。

他们必须按以下比例共享页面宽度：85％[chatEntries]-15％[chatUsers]。

那我该怎么做呢？

最佳答案

像这样吗

JSFiddle

#chatEntries {
display:inline-block;
width:85%;
float:left; }

#chatUsers {
display:inline-block;
width:15%;
float:left; }