html - 使行长度可变为内容长度

Question

我是新手，但我会尽可能详细地解释我的问题。我想在我的内容旁边做一条细垂直线，从 slider 下方的一些像素开始，到页脚结束。它的长度必须是可变的，因为内容会改变。我希望你能帮助我，如果你对我的问题有任何疑问，请不要犹豫!

问候

编辑:感谢您到目前为止的回答，但我想我必须说明我的困境。如果我在这里发布图片链接，我希望没问题:

http://www.directupload.net/file/d/3724/fws7gnd7_png.htm

这是它应该的样子(绿线是我的线)。我是 css 和 html 的新手，所以我不知道你们需要哪些信息。我有一个 html 文件和一个 css 文件，我正在使用 div。在线上方应该是类似新闻窗口/磁贴的东西。

Answer 1

假设您有这样的标记:

<header>Header</header>
<main>
    Lorem Ipsum content here
</main>
<footer>Footer</footer>

只需添加 CSS:

main {
    padding-left: 10px;
    border-left: 1px solid maroon;
}

FIDDLE (调整浏览器大小看效果)