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

Question

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

玉：

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％;