HTML – 如何使内嵌块框粘在顶部？

发布时间：2020-12-14 19:44:02 所属栏目：资源来源：网络整理

导读：参见英文答案 My inline-block elements are not lining up properly5个我试着让蓝色容器贴在上面.我该如何管理？ HTML： div class="container" div class="a"blue/div div class="b"green/div/div CSS： .a { width:100px; height:400px; display:inline-

参见英文答案 > My inline-block elements are not lining up properly5个
我试着让蓝色容器贴在上面.我该如何管理？

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;

不起作用……

解决方法

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

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

JSFiddle Demo

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!