html – 文本包围浮动div,但边框和s不

我有一个浮动的div：对,它是在父div内.同一个父div中也有p个元素,文本围绕float包围：right div.但是,如果将p元素设置为具有边框或执行< hr />,边框不会停止在文本停止位置,而是在float：right div后面.

这是一个美丽的描写情况：

请注意,黑色水平线的绿色部分位于浮动div后面.

如何获得边框或< hr />或者与文本一样宽的任何东西,而不是落后于div？

解决方法

我知道这个问题是在一段时间之前发布的,但是今天我也遇到了同样的问题,并找到了另外一个解决方案：

http://jsfiddle.net/MvX62/

我使用边框底部而不是< hr />标签并且必须添加一个overflow：hidden ;.看着小提琴,我认为这比接受的解决方案更有用,因为你也可以在水平线上添加一个边距,并且与文本有相同的差距.

此外,您不需要定义z值,也不需要任何黑客或解决方法.