当$(这个)高度增加时,兄弟姐妹会漂浮到底部

时间:2012-12-21 03:28:49

标签: css

<div class="wrapper">

    <div class="inlined">
        <div>first-child</div>
        <div>last-child</div> 
    </div>        

    <div class="inlined">
        <div>first-child-1</div>
        <div>last-child-1</div> 
    </div>        

</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

.inlined div:last-child被隐藏,当显示时,它的父级div .inlined获得高度。然后它旁边的div .inlined移动到包装器的底部。

我希望它坚持到顶部。

我有很多div .inlined个元素,连续2个

http://jsfiddle.net/C3v2k/

1 个答案:

答案 0 :(得分:1)

将垂直对齐添加到.inlined

.inlined
{
    vertical-align:top;    
}

http://jsfiddle.net/mowglisanu/C3v2k/1/