根据屏幕大小调整 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%的宽度;