动态垂直线

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到分度：

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

这应该给你一个绿色的线，300像素高，你的DIV的右手边。我现在没有时间来测试它，但只要周围的DIV具有宽度或高度集合，它就可以在浏览器中始终如一地工作。

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