2010-11-24 106 views

回答

2

display: inline-block

我改变了你float: leftdisplay: inline-block它默认有一个vertical-align: baseline我相信。

Check out how to do one for IE6 and IE7.

此外,作为一个旁注,你应该指定一个属性id一个元素。否则,请使用班级。

+0

这是部分正确的,但不同的一些事情你看他们没有对齐到容器div的底线 – Moon 2010-11-24 06:40:04

+0

现在http://jsfiddle.net/uYghh/15/这是正确的 – Moon 2010-11-24 06:41:28

2

在这里你去:http://jsfiddle.net/SebastianPataneMasuelli/uYghh/16/

变化left值移动它们。

编辑:更新正确页边距的样本。

+0

不是一个好主意...这将是容器相对&这里的设置将根据一些网页主题&所有..不能插入到其他网站...重新使用性是一个问题 – Moon 2010-11-24 06:45:10

0

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

0

#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'}); 

    }); 
});