html - 嵌套的 div 元素未按预期定位

Question

我在测试页面上有以下 html，但我无法理解为什么嵌套 div 的位置在其父级下方 +10 像素。我希望它们都直接排列在父 div 之上。我尝试将box-sizing和position值设置为各种组合，但它们拒绝移动。我在这里想念什么？

<div class="test">
    <div class="aj1"></div>
    <div class="aj2"></div>
    <div class="aj3"></div>
</div>

在此处输入图像描述

score 3 · Accepted Answer

3

添加vertical-align: top;到您的.test div

或添加font-size: 0;到您的.test

于 2013-09-22T08:23:48.367 回答

score 0 · Accepted Answer

0

只需添加line-height: 0;到.test

于 2013-09-22T08:27:32.987 回答

score 0 · Accepted Answer

0

添加此代码：

.test div{
    vertical-align: top;
}

于 2013-09-22T08:28:25.943 回答

score 0 · Accepted Answer

0

你可以通过给予来做到这一点float。检查这个http://jsfiddle.net/P8vAm/6/

于 2013-09-22T08:32:31.750 回答

4 回答 4