CSS：ディスプレイを使用しようとすると：テーブルとディスプレイ：テーブルセルのプロパティ

Question

私は最近使用したディスプレイ：テーブルとディスプレイ：テーブルセルのプロパティ。

それは、左のメニューの背景色は、私は、その高さがコンテンツDIV等しい平均、底部まで延びているので、私はこれを用い、このよう

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

ました。だから、私はrepeat-yをしなければならない私のメインのdivで背景のimgを使用する必要はありません。

しかし、問題は、メニューのリンクが必要とされ、左のメニューdivのではなく、トップの中央にある場所であるということです。左メニューのdivの上部にメニューを配置する0：絶対とトップ：

私はその後、位置を使用する必要がありました。どちらが正しいと思わないか。

は、誰もがこの問題に直面したことがありますか？

Answer 1

あなたは、メインコンテンツとサイドバーのdivの背景画像をスケーリングシミュレートするfaux columnsを使用することができます。