html - 如何使内联 block 框粘在顶部?

标签 html css layout

<分区>

我尝试让blue 容器粘在顶部。我该如何管理?

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;

不工作...

最佳答案

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

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

JSFiddle Demo

关于html - 如何使内联 block 框粘在顶部?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21766863/

相关文章:

javascript - 在移动设备上向下滚动时菜单关闭

html - 避免 CSS 美化为 sublime 3 上的每个标签创建新行

html - 我怎样才能正确地将这个 div 放在它的容器中?怎么了?

layout - Rails 为同一操作提供不同的 Devise Mailer 布局

html - 为什么这个内部 HTML 表格的宽度由其内容决定?如何设置其容器的宽度?

javascript - 如何使用javascript更改html中元素的顺序

html - 如何从 html 链接到 google chrome 下载页面?

javascript - 使用 Bootstrap 来完成我的显示/隐藏 Accordion

css - 使用 CSS 将 Div 分成两列

html - 如何在 CSS 和 HTML 中打断长单词