HTML/CSS圖片按照高度

Question

我正在這裏進行一個簡單的設計，但我有一個小問題。

請看看最終的設計實例這裏：http://ronnieaarebrot.com/demo/cms/

在菜單的左邊和右邊，你可以看到一個邊陲從頂部到底底部（以下中心內容的高度）。

我該怎麼做？我打算在兩邊都有一個小邊框的背景圖片，但我應該如何「計算」中心內容的高度？或者使兩個邊界跟隨中心div的高度。這有點難以解釋..但檢查圖像，這裏是我已經走了多遠的HTML例子。 http://ronnieaarebrot.com/demo/cms_html/

任何好的解決方案？

Answer 1

最簡單的方法是將中間內容包含在div元素中，並使用邊框CSS屬性來應用它。然後，您可以調整填充和邊距以將中心和邊元素彼此對接。考慮到這個模型，似乎中間元素上的一些填充物以及邊上幾乎沒有邊距都可以解決問題。

Answer 2

如果你把overflow:hidden的#page_wrap元素，它將多大程度上對其內容的高度（左，中，右部分）。

所以，你可以把backgorund圖像（1px的高度重複垂直），其元素，並確保它會向下延伸一路..