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

Question

我最近使用了display：table和display：table-cell属性。

它是这样的，

<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中使用背景img，我必须重复-y。

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

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

有没有人遇到过这个问题？

Answer 1

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