Javascript 根据屏幕大小调整div的大小

我有麻烦取决于调整屏幕大小，有标题，其中包括几个div。左侧分区-固定宽度为464px，顶部分区-固定宽度为500px，底部分区-应根据屏幕大小调整大小，底部分区应为粘性分区，左侧为社交分区，右侧为应用程序分区。 也许我应该用一些混合器来解决这个问题

杰德：

Css:

---

如果你想根据屏幕大小调整你的div大小，你不应该使用固定的宽度，也不应该以像素为单位，以100%为单位

为什么要标记JavaScript？@MehdiDehghani也许有一些解决方案。不适合你吗？

div.wrap
 div.left
 div.top
 div.bottom
  div.social
  div.input
  div.apps

.wrap{width: 100%; height: 500px}
.left{width: 464px; height: 100%; float: left}
.top{width: 500px; height: 100px; float: left}
.bottom{height: 300px; width: ???;}
.social{float: left}
.apps{float: right}