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

前端之家收集整理的这篇文章主要介绍了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值,也不需要任何黑客或解决方法.

猜你在找的HTML相关文章