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的背景圖像。