html - 以固定比例向 float div添加边框

Question

我正在为我的网站制作响应式页面。这是我正在制作的模型:http://dariostefanutto.com/test-work-page

页面充满了具有固定宽高比的 float div。它们都是基于我获得的 4:3 比例网格，它为每个 div 的底部填充提供了一个百分比(例如，纵横比为 4:3 的 div 为 75%)。目前 div 之间没有空间，但我想为所有 div 添加 1px 的填充。

现在，问题是添加一个像素的填充会改变 div 的高度，这会破坏较小的 div 垂直堆积的行中的网格，因为它们总计两倍 2px 的边框(4px in总计)，对比一个大 div 的 2px。

有没有办法在不改变 div 高度的情况下增加一些间距？谢谢!

PS:我不能真正发布代码，因为我正在使用 Webflow 构建它。

Answer 1

尝试 bootstrap framework

如果你想要响应式网站，它会与网格一起运行