HTML – 如何让div包围漂浮的孩子？

概述考虑下面的代码,span元素在div中浮动,如何让div环绕浮动子元素,以便1px边框包装子元素？ <div style="border:1px solid #000"> <span style="float:left">Content</span> <span style="float:left">Content</span> <span style="float:left">Con 考虑下面的代码,span元素在div中浮动,如何让div环绕浮动子元素,以便1px边框包装子元素？

<div >  <span >Content</span>  <span >Content</span>  <span >Content</span></div>

解决方法 大多数情况下,添加溢出：隐藏在包装器上就足够了：

<div >    <span >Content</span>    <span >Content</span>    <span >Content</span></div>

有时候,你会看到这种替代方法(更加黑客,但可能有更好的后台浏览器支持).

<div >    <span >Content</span>    <span >Content</span>    <span >Content</span>    <div ></div></div>

总结

以上是内存溢出为你收集整理的HTML – 如何让div包围漂浮的孩子？全部内容，希望文章能够帮你解决HTML – 如何让div包围漂浮的孩子？所遇到的程序开发问题。

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