CSS Div:如果Div位于底部,则对齐sde中的所有内容

How is this?

我换了你的 float: left 到 display: inline-block 默认情况下 vertical-align: baseline 我相信。

Check out how to do one for IE6 and IE7.

另外,作为旁注,您应该指定 一 id 属性到一个元素 . 否则使用类。

干得好: http://jsfiddle.net/SebastianPataneMasuelli/uYghh/16/

更改 left 移动它们的价值。

编辑:更新了示例以获得正确的页边距。

请将绿色div的id属性更改为彼此不同的内容
http://jsfiddle.net/uYghh/33/

删除 float:left; 使用 display:inline-block;

更改你的css

#green
{
    position: relative;
    float : left;
    width  : 20px;
    top:100%;
    margin : 5px;
    border: solid 1px #0fb551;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0fb551), to(#064d23));
    background: -moz-linear-gradient(#0fb551, #064d23);
    background: linear-gradient(#0fb551, #064d23);   
    -pie-background: linear-gradient(#0fb551, #064d23);
    behavior: url(pie.htc);    
}

Add some jQuery to your project

$(function(){
    $('#graph div').each(function(){
        var ht=$(this).height();
        $(this).css({'margin-top':-ht-4+'px'});

    });
});