CSS Div: выровнять все, если div внизу

Question

я пытаюсь составить этот график ... вот в чем проблема

СМОТРИТЕ НА ЭТОМ .. я хочу, чтобы эти div "#green" были выровнены по низу

Answer 1

здесь: http://jsfiddle.net/SebastianPataneMasuelli/uYghh/16/

измените значение left, чтобы переместить их.

edit: обновленный образец для правильных полей.

Answer 2

Как это?

Я изменил ваш float: left на display: inline-block, который по умолчанию имеет vertical-align: baseline Я считаю.

Узнайте, как это сделать для IE6 и IE7.

Также в качестве sidenote вы должны присвоить один атрибут id одному элементу . В противном случае используйте класс.

Answer 3

измените свойство id зеленых div-ов на что-то отличное друг от друга
http://jsfiddle.net/uYghh/33/

Answer 4

Измените свой 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'});

    });
});

Answer 5

Удалить float:left; использовать display:inline-block;