如何使一个内联块盒贴在顶部？

Question

我试着让蓝色容器贴在上面.我该如何管理？

HTML:

<div class="container">
    <div class="a">blue</div>
    <div class="b">green</div>
</div>

CSS:

.a {
    width:100px;
    height:400px;
    display:inline-block;
    background-color:blue;
}
.b {
    width:400px;
    height:600px;
    display:inline-block;
    background-color: green;
}
.container {
    vertical-align:top;
}

http://jsfiddle.net/xswa4/

vertical-align: top;

不起作用......

Answer 1

您应该vertical-align:top;在元素.a本身而不是父元素上使用.container:

.a {
    display:inline-block;
    background-color:blue;
    vertical-align:top;
}

JSFiddle演示