动态/响应/液体布局css

我想知道是否有一种替代方法来编写css，而不是使用css表来制作流动/动态布局。维尼尔真的帮了我的忙

这正是我需要列的工作方式，但当我使用css表时，似乎我无法使用边距和填充来定位内部内容（我可能可以使用左侧和右侧，但相对位置会破坏文档流，所以我不想这样做）…以下是示例

---

在父元素上使用填充。边距需要其他元素才能反弹

改变

.three div{margin-top:100px}

到

另外，将：

div>div

更改为

.container>div

。我假设您只想选择

.container

的直接子div。使用

div>div

时，还将选择

.one

、

.two

和

中的div。（还要注意
垂直对齐：top
将文本定位在顶部表格单元格中）

检查您的
谢谢！我不知道为什么我没有尝试在每个列中放置更多的容器div以使边距工作。填充似乎会移动表格单元格…谢谢！！我很好奇，如果这是最好的解决方法…css表不好用还是好用？我想没关系。它旨在使元素的行为类似于表。更让我烦恼的是，有些人试图设计列表或div的样式来显示表格数据。（顺便说一句，如果答案适合您，请使用左侧的“v”将其标记为解决方案）
.three div{margin-top:100px}

.three { padding-top: 100px; }