【问题标题】:Vertical line doesn't take up the entire page?竖线不占整个页面?
【发布时间】:2014-04-21 06:04:16
【问题描述】:

我正在处理一个分为三列的页面。有两条线,每列之间有一条。右边的行占据了整个页面,而左边的行与文本一起停止。这是页面的图片。忽略空的 div,我用它们作为测试。

http://i.imgur.com/YiWmA7H.png

在阅读代码之前,我想先声明左列在前,右列在后,中间列在后。行代码位于代码左右列部分的开头。代码在这里:

http://pastebin.com/9MBChNMz

【问题讨论】:

  • 请在您的问题中输入相关代码
  • 请将您的代码发布到 CodePen/JSFiddle 或其他我们可以看到的地方。
  • 抱歉,这样阅读是不可能的 - 使用 jsfiddle.net 创建示例 - 不要使用内联 CSS (!)
  • 我认为问题在于列的高度不相等。有一些技术可以使垂直边框采用最长列的高度。以下是一些帮助您入门的技巧:css-tricks.com/fluid-width-equal-height-columns

标签: css html height width


【解决方案1】:

我认为这完全取决于您放置该边框的哪个 div。也许您拥有该边框的 div 比另一个 div 短;这意味着该行不会一直向下。检查 + 代码是否非常有用

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-04-03
    • 1970-01-01
    • 2019-08-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多