根據屏幕大小調整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% 為單位的寬度；