嵌套的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>

http://jsfiddle.net/StrandedPirate/P8vAm/

Answer 1

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

demo

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

Answer 2

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

即可

Answer 3

添加此代码：

.test div{
    vertical-align: top;
}

http://jsfiddle.net/x9z6H/

Answer 4

您可以通过float来实现。请检查此http://jsfiddle.net/P8vAm/6/