动态垂直线

Question

我想在页面右侧创建一条动态垂直线 我宁愿只在CSS中这样做。 我希望能够将线设置在某个高度，但是当文本展开时，线当然应该展开，也应该能够设置垂直位置。
所以：

|   
| This is some text, |  
|  more text         |  
| and more text      |
|                    |
|

|
|
| This is a longer   |
| text piece.        |
| hopefully I am not |
| too confusing.     |
| And the great      |
| people here        |
| will understand    |
|                    |
|

在它出现之前，请不要有桌子。

谢谢

Answer 1

您可以将文字放入div并将其设为border-right。它将与文本一起扩展。

根据您的评论进行修改：

您可以将文字放入div style="position: relative"。然后，您可以使用以下内容将另一个div放入div：

position: absolute;
right: 0px;
top: 0px;
height: 300px;
width: 1px;
background-color: green;

这应该会给你一条300px高的绿线，在你的DIV右侧。我现在没有时间对此进行测试，但只要周围的DIV设置了宽度或高度，它就应该在浏览器中保持一致。

然而，这仅适用于Pixel高度。我认为相对高度会失败，因为IE会将它们解释为相对于文档的高度。