嵌套的div元素没有像预期的那样定位

问题描述：

我在测试页面上有下面的html，我不明白为什么嵌套div的位置自己的位置低于它们的父元素+10像素。我希望他们都直接排在父div之上。我试图设置箱子大小和位置价值各种各样的组合，但他们拒绝移动。我在这里错过了什么？嵌套的div元素没有像预期的那样定位

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

enter image description here

为什么最后三个元素内的第一个？ – Itay

答

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

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

或'font-size：0;'到'.test' – Prinzhorn

谢谢，这很有效。字体大小是否总是被考虑到元素高度？我可以在4-5年前宣誓这段代码没有任何字体相关的调整。 – TugboatCaptain

答

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

答

添加以下代码：

.test div{ 
    vertical-align: top; 
}

答

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