css - 设置Border-right全屏高度

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/