以固定比率为浮动div添加边框

时间:2014-11-15 11:32:48

标签: html css

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

该页面填充了具有固定宽高比的浮动div。它们都基于我所获得的4:3比例网格,给出了每个div的底部填充的百分比(例如,对于具有4:3宽高比的div,为75%)。 目前div之间没有空格,但我想为所有这些添加1px的填充。

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

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

PS:我无法真正发布代码,因为我正在使用Webflow构建它。

1 个答案:

答案 0 :(得分:0)

尝试bootstrap framework

如果您想要响应式网站,则会以网格

运行