html – CSS浮动左右明确问题：差距很大

概述我的css页面有“float：right; clear：right“对于广告和主要文本中的几个块,意图像图像一样流动,使用”float：left“.问题是主文本流程盒有一个很大的差距：它们只在具有float：right的广告框之后开始显示. 这是一个测试页面：http://xahlee.org/js/ex/test_float.html 我无法理解这一点.谁能解释一下？ 我正在努力想出更好的词来解 我的CSS页面有“float：right; clear：right“对于广告和主要文本中的几个块,意图像图像一样流动,使用”float：left“.问题是主文本流程盒有一个很大的差距：它们只在具有float：right的广告框之后开始显示.

这是一个测试页面：http://xahlee.org/js/ex/test_float.html

我无法理解这一点.谁能解释一下？

解决方法 我正在努力想出更好的词来解释为什么而不是“那就是它的工作原理”.

修复它的最简单方法是将两个“广告框”放在他们自己的div中,使用float：right：

<div >    <div >adBox1</div>    <div >adBox2</div></div>

总结

以上是内存溢出为你收集整理的html – CSS浮动左/右明确问题：差距很大全部内容，希望文章能够帮你解决html – CSS浮动左/右明确问题：差距很大所遇到的程序开发问题。

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