css - CSSを使用して背の高いdivの高さの背景画像を作成します

Question

左側に可変長メニュー、右側に可変長コンテンツのレイアウトがあります。メニューとコンテンツの間には、コンテンツdivの一部である繰り返し背景画像を使用して実装された仕切りがあります。これは、コンテンツが拡大または縮小すると、仕切りも拡大することを意味します。

コンテンツの高さがメニューの高さよりも低い場合でも、仕切りはコンテンツの高さです。この場合、実際に必要なのはメニューの高さの仕切りです。これをCSSで実装する方法はありますか？

Answer 1

コンテンツの仕切りの背景画像とメニューを用意し、コンテンツ領域をメニューと重ねて、負の余白などを使用して仕切りの幅にします。

Answer 2

別の方法は、ラッパーdivで背景画像を使用し、background-positionを使用してメニューとコンテンツdivの間に配置することです。