如何强制内联块元素到父母的顶部？

Question

看看这个：http://jsfiddle.net/kdcmq/86/

#parent {
position: relative;
width: 500px;
height: 500px;
background: red;    
}

#child {
display:inline-block;
width: 100px;
height: 100px;
background: blue;
top: 0;
left: 100%    
}

我想让较小的蓝色元素在较大的蓝色元素开始时开始，因此蓝色元素将位于父div的边界正下方。这可能吗？

提前谢谢！

Answer 1

#child上需要 position：absolute 。我想你也想要 left：0 ，而不是100％。

#child不需要内联块。将其设为阻止。

BTW这是您问题的直接答案。你正在尝试做的是好的做法是另一个问题......

Answer 2

使用vertical-align属性

vertical-align:top;

http://jsfiddle.net/kdcmq/88/

Answer 3

所以你有很多问题：

1. 你不能用id＆＃39; child＆＃39;做3个元素，让它们成为一个类
2. 除非position:absolute
，否则顶部和左侧属性不具有任何意义
3. 您无法删除间距。一个简短的谷歌搜索将揭示这一点：http://css-tricks.com/fighting-the-space-between-inline-block-elements/

Answer 4

哟也可以漂浮你的元素

.child {
float:left;
width: 100px;
height: 100px;
margin:0 10px 0 0;
background: blue;   
}

http://jsfiddle.net/AgX62/

（将重复的ID更改为类）