我如何设计两个内嵌块div，这样每一个的顶部都是对齐的？
提问于 2015-02-05 07:12:14
我有一个HTML：
<div>
<div id="testDetail1" style="display: inline-block;">
<div class="gridBody">
<div>A</div>
<div>A</div>
<div>A</div>
<div>A</div>
<div>A</div>
<div>A</div>
</div>
</div>
<div id="testDetail2" style="display: inline-block;">
<div class="gridBody">
<div>B</div>
<div>B</div>
</div>
</div>
</div>这两个街区在底部排成一行。我试着添加“对齐”：垂直，但它似乎不起作用。我怎么做才能让他们在顶端对齐？
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-02-05 07:13:22
align: vertical是不正确的:将vertical-align: top;用于div并应用display: inline-block。
div[id^="testDetail"] {
vertical-align: top;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28347462
复制
腾讯云开发者
