html - 两个 div 之间的垂直线间隔

Question

所以我有两个 div。一个左侧的 div 带有导航链接，另一个右侧的 div 根据您单击左侧的链接填充内容。我想在导航和分隔两者的内容之间有一条垂直的灰线，但我需要它根据右侧内容 div 的长度来改变高度。 (如果右侧没有导航那么长，默认情况下将线转到导航的底部)。

因此，如果用户单击使正确的内容 div 非常长的链接，我需要垂直线动态更改其高度并一直向下移动，但如果内容没有导航那么长，我仍然需要它一直走到导航的尽头。

我正在尝试使用 borders 和 height:100%，但我无法跨浏览器工作。 (IE 和 FF)谢谢!

Answer 1

假设您的左侧导航 div 具有固定高度，或者高度不经常变化。假设您的左侧导航 div 的高度为 400 像素。然后:

div.leftnav {
   height: 400px;
   float: left;
}

div.rightContent {
   min-height: 400px;
   border-left: 1px solid gray;
   float:left;
}

请记住，IE6 不支持“最小高度”。