将div对齐而不破坏布局

Question

我想在这里将条形对齐到底部:http://jsfiddle.net/7vdLV/67/

我尝试使用以下技巧:

  .graph { position: relative; }
  .weekbar { position: absolute; bottom: 0; left: 0; }

然而它打破了图表,在这种情况下,有人能告诉我应该怎么做吗？

Answer 1

最简单的解决方案：

申请

.weekbar{
 position:relative;
 display:inline-block;
 top:50%; // height of biggest bar
}

检查这个JSFiddle

::before或者，如果古代浏览器支持不是什么大问题，您可以按如下方式使用该元素：

.graph::before{
 content:"";
 display:block;
 height:50%; // height of the biggest bar 
}
.weekbar{
 display:inline-block;
}

检查这个JSFiddle