CSS:尝试使用display:table和display:table-cell属性

时间:2009-06-26 06:40:53

标签: css

我最近使用了display:table和display:table-cell properties。

就是这样,

<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 -->

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

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

然后我必须使用position:absolute和top:0将菜单放在左菜单div的顶部。哪个看起来不合适。

有人遇到过这个问题吗?

1 个答案:

答案 0 :(得分:0)

您可以使用faux columns来模拟主要内容和侧边栏div的缩放背景图像。