CSS:尝试使用display:table和display:table单元格属性

我最近使用了display:table和display:table单元格属性

就是这样,

<div id="main" style="display:table">
<div id="left-menu" style="display:table-cell">
Some menu links
</div><!-- End left-menu -->

<div id="content" style="display:table-cell">
The actual content
</div><!-- End content -->

</div><!-- End main -->

我用这个是因为左菜单的背景颜色延伸到了底部，我的意思是它的高度等于content div。所以我不必在我的主div中使用背景img，我必须重复-y

但问题是菜单链接位于左侧菜单div的中心，而不是顶部，这是必需的

然后，我不得不使用position:absolute和top:0将菜单放置在左侧菜单div的顶部。这看起来不合适

---

有人遇到过这个问题吗？

你可以用它来模拟主要内容和边栏div的缩放背景图像。

注意：ie不支持css表，旧版本的safariI看到了人造列的方法，但这正是我想要避免的。我不想使用背景img和repeat-y。我知道这项技术，只是在探索一种不同的方法。