我刚刚完成了HTML5设计，它在Firefox和chrome中看起来非常棒，但是当运行浏览器版本7,8和9的其他计算机进行测试时，设计绝对爆炸。在我看来，这个设计中我已经浮动的任何东西在IE中都没有得到兑现。它只是似乎包裹在它左边的任何东西。
我想知道我是否可以使用浮点数，或者我应该使用内嵌块代替。一个例子，如何让两个div彼此相邻，一个在左边，另一个在右边，使用内联块将是很好的。
我有另一个困境，希望有人可以帮助我。我在运行XP SP1的旧开发机器上。我可以测试的最好的IE浏览器是6.我想以某种方式获得一些允许我测试版本7,8和9(甚至是10)的东西。有人可以推荐任何解决方案吗？
解决方法
They’re simply meant to take an element,put it to one side,and let other content flow around it. That’s all.
那么为什么我们用它来进行布局呢？
Because you can clear a footer below two floated columns,float layout
came into being. If there had ever been a way to “clear” elements
below positioned elements,we’d never have bothered to use floats for
layout.
为什么我们仍然使用它们进行布局？
因为更好的替代方案，如CSS Flexible Box Layout Module和CSS Template Layout Module仍然是草稿，所有浏览器都不支持。
为什么您的设计在IE 7,8和9中突破？
您的代码可能有问题，也就是说，您没有使用浮点数。这并不完全是你的错，因为它们从来不是为了布局而设计的。但是，我可以向你保证，他们的工作。我一直在使用浮动布局很长时间，并且总是能够使其在大多数浏览器中运行。
内嵌块更好吗？
可以使用浮动块完成许多布局，可以使用内联块。但是，它们并不能解决每个布局问题，也不是为了布局而设计的。我发现其中一个通常更适合于预期的布局。
参考
