设置边框右全屏高度

Question

我有三个div：header，left和right，我使用border-right添加一行分隔两个div。我遇到的问题是边框只跨越内容的长度而不是整个页面。如何使边框扩展以填充整个页面？

.leftdiv{
width:36.5%;
border-right:1px solid #222222;
float:left;
    }

Answer 1

问题在于div只会增长到内部需要的内容。边界只是视觉提示。

你可以在div上抛出一个最小高度，使其尽可能地延伸。

另一个解决方案是创建人造柱，但最好的选择可能在本文中：

http://css-tricks.com/fluid-width-equal-height-columns/