如何制作流体盒形div？答案

【问题标题】：How to make fluid box shaped divs?如何制作流体盒形div？
【发布时间】：2015-03-20 16:17:57
【问题描述】：

我希望我的 UI 栏有方形按钮，可以流畅地减小和增加大小。这个想法是，无论我的应用程序处于什么响应状态，按钮都将始终是方形的。

现在我的导航按钮尺寸总是根据浏览器窗口宽度而变化，例如

我正在使用 Foundation 5，但我没有看到实现此目的的功能。有什么想法吗？

【问题讨论】：

【解决方案1】：

您可以使用 javascript。由于您使用的是流体布局，因此宽度是重要的数字。因此，如果您使用 javascript，您可以针对每个框强制高度等于元素的宽度。

【讨论】：

【解决方案2】：

你没有提供任何代码，所以我可以给你一个准确的答案。

但标准做法是使用 padding-top 或 padding bottom 属性。

这是垂直尺寸，但与父宽度有关，所以做类似

width: 5%;
padding: 0px;
height: 0px;
padding-top: 5%;

总会给你一个正方形

【讨论】：