【发布时间】：2014-11-15 19:56:09
【问题描述】：
我正在为我的网站制作一个响应式页面。 这是我正在制作的模型：http://dariostefanutto.com/test-work-page
页面充满了具有固定纵横比的浮动 div。它们都基于我获得的 4:3 比例网格，为每个 div 的底部填充提供一个百分比（例如，对于 4:3 纵横比的 div 为 75%）。 目前 div 之间没有空格，但我想为所有 div 添加 1px 的填充。
现在，问题是添加一个填充像素会改变 div 的高度，这会破坏较小 div 垂直堆积的行中的网格，因为它们加起来是 2px 边框的两倍（4px in总计），与大 div 的 2px 相比。
有没有办法在不改变 div 高度的情况下添加一些间距？ 谢谢！
PS：我无法真正发布代码，因为我正在使用 Webflow 构建它。
【问题讨论】：
-
您可以使用：box-sizing: border-box.
-
"目前 div 之间没有空格，但我想为所有 div 添加 1px 的填充。"你的意思是保证金吗？
-
我尝试了填充，因为它不会改变 div 的宽度。否则网格会中断。
-
你想要盒子之间的白色间隙还是只填充盒子的颜色？
-
使用@emmanuel 的建议；）