css - 我如何让一个 div 留在原地，而它周围的文字变大或变短

Question

我有一些文本，然后在它的末尾，它有一个分隔符 div，它提供了一个边距间隙，因此它将它与下面的文本分开。

问题是；无论发生什么情况，我如何让 spacer div 保持原位，而如果文本较短，它上面的文本的长度会变短或变长，而不会将 spacer div 与文本一起放在适当的位置？

有人知道如何使用 css 吗？

例子:

loris ipsum, loris ipsum
loris ipsum, loris ipsum  
loris ipsum, loris ipsum
loris ipsum, loris ipsum
<span class="margin-space"></span>
loris ipsum, loris ipsum
loris ipsum, loris ipsum

目前它做了什么:

例子:

loris ipsum, loris ipsum
loris ipsum, loris ipsum  
<span class="margin-space"></span>
loris ipsum, loris ipsum
loris ipsum, loris ipsum
*where text was*
*where text was*

(当我想要它原来的位置时，将它下面的文字拉高)

我想要它，例如:

loris ipsum, loris ipsum
loris ipsum, loris ipsum


<span class="margin-space"></span>
loris ipsum, loris ipsum
loris ipsum, loris ipsum

希望你明白我的意思，有什么帮助吗？

Answer 1

编辑: 我想我知道你想要什么，但我不认为你会按照你认为的方式实现它。您希望将第二个文本 block 保持在一定高度，即使它上面的文本变短了。你需要做的是将上面的文本 block 包裹在一个元素中并为其设置一个 height 属性，这样如果该 block 中的文本变得比高度短，底部的文本 block 就不会别再高了。

<p style="height: 100px">Lorem ipsum dolor sit amet.</p>
<p>Cogito, ergo sum.</p>​

http://jsfiddle.net/3PkYT/3/