CSS盒子不会在顶部对齐

Question

我有3个不同高度的容器，我想把它们水平堆叠，不管底部是小盒子。我该如何解决？

以下是我用于框的代码：

.brand{
border: 1px solid black;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 5px;
padding: 9px;
margin-top: 10px;
background-image: url('/pcbuilds/assets/images/squared_metal.png');
margin-left: auto;
margin-right: auto;
display: inline-block;
width: 200px;
}

Answer 1

vertical-align必须用于内联和内联框内容，默认vertical-align值为baseline。：

.brand{
border: 1px solid black;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 5px;
padding: 9px;
margin-top: 10px;
background-image: url('/pcbuilds/assets/images/squared_metal.png');
margin-left: auto;
margin-right: auto;
display: inline-block;
vertical-align:top;
width: 200px;
}

Answer 2

你能不能只放

position:relative;
top:0px;