【发布时间】:2011-07-01 10:22:40
【问题描述】:
我正在努力创建一个非常简单的标题布局和 2 列内容 - 左侧导航和右侧内容 (http://jsfiddle.net/WsQbs/4/)。
我无法实现的是让菜单和内容占据页面(不仅仅是窗口)的 100% 高度,而在菜单和内容之间有一条垂直线(边框)。问题是,当绝对定位内容并且两列中的任何一列都有足够的内容,以至于出现滚动条时,对应的div的背景和边框仍然只占窗口的100%,而不是内容的全高。
【问题讨论】:
-
你的
#content-wrapper不会使用 100% 的高度,因为#header有 50px 的高度,此外它还有一个顶部不同于 0 的位置... -
我找到了解决方案,在这里查看我的答案:stackoverflow.com/a/26994674/1096901