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

概述我有一个浮动的div：对,它是在父div内.同一个父div中也有p个元素,文本围绕float包围：right div.但是,如果将p元素设置为具有边框或执行< hr />,边框不会停止在文本停止位置,而是在float：right div后面. 这是一个美丽的描写情况： 请注意,黑色水平线的绿色部分位于浮动div后面. 如何获得边框或< hr />或者与文本一样宽的任何东西,而不是落后于div？ 我 我有一个浮动的div：对,它是在父div内.同一个父div中也有p个元素,文本围绕float包围：right div.但是,如果将p元素设置为具有边框或执行< hr />,边框不会停止在文本停止位置,而是在float：right div后面.

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

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

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

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

http://jsfiddle.net/MvX62/

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

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

总结

以上是内存溢出为你收集整理的html – 文本包围浮动div,但边框和s不全部内容，希望文章能够帮你解决html – 文本包围浮动div,但边框和s不所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。