1

我在这里做一个简单的设计,但我有一个小问题。

请在此处查看最终设计示例:http ://ronnieaarebrot.com/demo/cms/

在左侧和右侧的菜单上,您可以看到从上到下的小边框(跟随中心内容的高度)。

我怎样才能做到这一点?我正计划在两侧都有一个带有小边框的背景图像,但是我应该如何“计算”中心内容的高度?或使两个边框跟随中心 div 的高度。这有点难以解释.. 但检查图像,这里是一个我已经走了多远的 html 示例。http://ronnieaarebrot.com/demo/cms_html/

有什么好的解决办法吗?

4

2 回答 2

0

最简单的方法是在 div 元素中包含中心内容并使用边框 CSS 属性来应用它。然后,您可以调整填充和边距以使中心和侧面元素相互对接。鉴于该模型,似乎中心元素上的一些填充结合两侧几乎没有边距可以解决问题。

于 2012-10-27T09:28:47.910 回答
0

如果您放置overflow:hidden元素#page_wrap,它将扩展到其内容的高度(左侧、中间和右侧部分)。

因此,您可以将背景图像(垂直重复的 1px 高度)放在该元素上,并确保它会一直向下延伸。

于 2012-10-27T09:33:49.040 回答