我最近使用了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的顶部。哪个看起来不合适。
有人遇到过这个问题吗?