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

标签 html css

我正在为我的网站制作响应式页面。 这是我正在制作的模型: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 构建它。

最佳答案

尝试 bootstrap framework

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

关于html - 以固定比例向 float div添加边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26945343/

相关文章:

html - 三分之一的容器在 CSS 末尾留下空白

jquery - 最近的 CSS 和/或 Jquery 备忘单?

css - 如何使某些css 3d效果在IE中工作

javascript - 检查滚动条是否在底部而不引起回流

css - 如何使用CSS创建两栏页面布局?

javascript - 如何在全屏上制作除同级 div 之外的 mask div?

css - 如何添加/删除动态变量?

html - 如何给Jquery模态对话框添加边框

php - 在 Wordpress 模板 WP Clarion 上调整导航栏大小

html - 固定导航内部链接