0

我想知道是否有替代编写 css 而不是使用 css 表来制作液体/动态布局的方法。乙烯基真的在这里帮助了我......简单的3列响应式布局

这正是我需要列工作的方式，但是当我使用 css 表时，似乎我无法用边距和填充将东西定位在里面（我可能可以左右但相对定位会破坏文档流，所以我不想要这样做）...这里和示例 http://jsfiddle.net/u5nR2/4/

.container{
width:100%;
height:100%;
display: table;
}
div > div {
  display: table-cell;
}

.three div{margin-top:100px}/*why doesnt this move?*/
4

1 回答 1

1

在父元素上使用填充。保证金需要其他因素才能反弹。

改变

.three div{margin-top:100px}

到

.three { padding-top: 100px; }

另外，将：更改div > div为.container > div. 我假设您只想选择.container. 使用的时候div > div，里面的div .one，.two和.three也会被选中。（还要注意将vertical-align: top文本放置在顶部的表格单元格中）

检查您更新的小提琴

于 2013-08-22T06:42:37.983 回答