0

我有三个 div:header、left 和 right,我正在使用border-right 添加一条分隔两个 div 的线。我遇到的问题是边框只跨越内容的长度,而不是整个页面。如何使边框扩展以填充整个页面?

在此处输入图像描述

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

1 回答 1

0

问题是 div 只会增长到它内部的内容需要的大小。边框只是一个视觉提示。

您可以在 div 上放置一个 min-height 以使其扩展到您想要的任意位置。

另一种解决方案是创建人造列,但您最好的选择可能是在这篇文章中:

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

于 2012-11-10T21:50:11.990 回答