【发布时间】:2014-04-21 06:04:16
【问题描述】:
我正在处理一个分为三列的页面。有两条线,每列之间有一条。右边的行占据了整个页面,而左边的行与文本一起停止。这是页面的图片。忽略空的 div,我用它们作为测试。
http://i.imgur.com/YiWmA7H.png
在阅读代码之前,我想先声明左列在前,右列在后,中间列在后。行代码位于代码左右列部分的开头。代码在这里:
【问题讨论】:
-
请在您的问题中输入相关代码
-
请将您的代码发布到 CodePen/JSFiddle 或其他我们可以看到的地方。
-
抱歉,这样阅读是不可能的 - 使用 jsfiddle.net 创建示例 - 不要使用内联 CSS (!)
-
我认为问题在于列的高度不相等。有一些技术可以使垂直边框采用最长列的高度。以下是一些帮助您入门的技巧:css-tricks.com/fluid-width-equal-height-columns