html - CSS 显示 :table and padding-top

Question

我目前在 CSS 中使用 display:table 以便在表单中放置一些 block 。

但是有一个行为我无法理解:当两个 block 都设置为 display:table-cell; 时，都依赖于 display:table 父 div，它不可能只在一个 block 上放置边距或填充顶部，而不在第二个 block 上应用它。

一个简单的例子:here

我只想在第二个 block 上放一个 padding-top。

我该怎么做？

Answer 1

将 vertical-align:top 添加到您想要向上放置的一个，并向另一个添加您需要向下放置的填充。

.col1 {
    display: table-cell;
    vertical-align: top;
}

http://jsfiddle.net/nW8Dg/5/