根据屏幕大小调整div

Question

我在调整屏幕大小时遇到​​问题，有包含几个 div 的标题。 左侧 div - 固定宽度为 464 像素，顶部 div - 固定宽度为 500 像素，底部 div - 应根据屏幕大小调整大小，底部内的 div 应具有粘性，社交 - 左侧，应用程序 - 右侧。 也许我应该使用一些 mixin 来解决这个问题？

玉：

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

css：

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

Answer 1

如果要根据屏幕大小调整 div 的大小，则不应使用固定宽度或不应以像素为单位的宽度，以 100% 为单位的宽度；