Question

我是新人，但我会尝试尽可能详细地解释我的问题。我想在我的内容旁边做一条细长的垂直线，它从滑块下面的一些像素开始，到页脚结尾。它的长度必须是可变的，因为内容会发生变化。我希望你能帮助我，如果你对我的问题有任何疑问，请不要犹豫！

迎接

编辑：感谢您到目前为止的答案，但我想我必须指出我的困境。如果我在这里发布图片链接，我希望没关系：

它应该是这样的（绿线是我的线）。我是css和html的新手，所以我不确切知道你们需要哪些信息。我有一个html文件和一个css文件，我正在使用div。线上方应该是新闻窗口/瓷砖。

Answer 1

假设，如果内容位于带有 id =＆＃34;内容＆＃34; 的div中，那么您可以将其设为：

#content{
    border-right: 1px solid #000;
    position: absolute:
    height: auto;
}

这样，您的内容旁会显示一条垂直线，垂直线会随着您的内容自动增长。

Answer 2

假设您有这样的标记：

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

只需添加CSS：

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

FIDDLE （调整浏览器大小以查看效果）