Javascript 如何在保持相同布局的同时调整这些div的大小？

对不起，这个标题很难概括。目前，我有一个网站，看起来像这样：

（正如你所知，它的灵感来自地铁）。我已在此处将其上载到JSFIDLE：

周围的div（用虚线边框表示）会调整大小以适应用户的浏览器窗口，我希望按钮（只是彩色div）也能这样做，但我不知道怎么做。目前，它们使用绝对定位并基于特定的屏幕大小就位。我想让它们保持相同的布局，但随着容器div调整大小

我曾在CSS中尝试过液体值，但我无法正确定位

---

请帮忙

对尺寸（包括边距）仅使用百分比而不是像素。调整大小时，您只需调整周围div的大小，内容的尺寸应正确。

仅使用百分比而不是像素作为尺寸（包括边距）。调整大小时，您只需调整周围div的大小，内容的尺寸应正确。

使用百分比值而不是固定宽度。它不是液体，而是液体。。我不认为流体CSS布局在任何情况下都能与绝对定位很好地配合。。你想做什么（至少对我来说）也很不清楚。也许你还可以举一个预期输出与实际输出的例子？我刚开始使用一个框架，为你做类似的事情。这里有一个框架链接：另一个是关于它的文章链接：我建议查看CSS属性：表、表单元格、表行和表列。请在问题中包含您的代码，这样在JSFIDLE链接失效后，这不是完全无用的。使用百分比值而不是固定宽度。它不是流动的，它是流动的。。我不认为流体CSS布局在任何情况下都能与绝对定位很好地配合。。你想做什么（至少对我来说）也很不清楚。也许你还可以举一个预期输出与实际输出的例子？我刚开始使用一个框架，为你做类似的事情。这里有一个指向框架的链接：还有一个指向一篇关于它的文章：我建议查看CSS属性：表、表单元格、表行和表列。请在问题中包含您的代码，这样在JSFIDLE链接失效后，这不是完全无用的。谢谢，但是我该如何定位按钮，使其符合该布局？您需要以百分比来考虑所有内容。例如，您可以制作一行4个按钮，每个按钮的宽度为24%；利润率：1%，谢谢，但我如何定位按钮，使其符合布局？你需要以百分比来考虑所有问题。例如，您可以制作一行4个按钮，每个按钮的宽度为24%；利润率：1%