Are floats bad?应该用什么代替

Question

大约一周前，我已经从表格设计跃升为CSS，此后一直在阅读更多内容。昨天，我在SO上读了一篇长文章，那里的海报使floats 敲响，以及它们的贬值程度。有很多关于inline- block使用它代替的讨论。

我有一个刚刚完成的HTML5设计，它在firefox和chrome中看起来很棒，但是当从运行Internet
Explorer版本7、8和9的其他计算机上进行测试时，该设计绝对 会爆炸 。这 似乎
对我这个设计是什么，我已经漂浮在右侧IE没有兑现。它似乎包裹在它左边的任何东西下面。

我想知道我对浮点数是否满意，还是应该inline- block改用浮点数。一个很好的例子是如何使两个div彼此相邻，其中一个在左侧，另一个在右侧inline-block。

我在这里还有另一个难题，希望有人可以帮助我。我在运行XP
SP1的旧开发计算机上。我可以测试的最佳IE浏览器是6。我想以某种方式掌握一些东西，这些东西可以让我测试版本7、8和9（如果尚未发布，则可以测试10）。有人可以为此建议任何解决方案吗？

Answer 1

浮标从来就不是用于布局的。

它们只是意味着将一个元素放到一边，然后让其他内容围绕它流动。就这样。

那么我们为什么要使用它们进行布局？

因为您可以清除两个浮动列下方的页脚，所以浮动布局应运而生。如果曾经有一种方法可以“清除”已定位元素下面的元素，那么我们永远都不会费心使用浮点数进行布局。

为什么我们仍将它们用于布局？

因为更好的替代方案（例如CSS Flexible Box LayoutModule和CSS Template Layout
Module仍在起作用，并且并非所有浏览器都支持。

为什么您的设计在IE 7,8和9中无法使用？

您的代码可能存在问题，即您没有正确使用浮点数。这并非完全是您的错，因为它们从来没有打算首先进行布局。但是，我可以向您保证它们会起作用。很长时间以来，我一直在使用浮点数进行布局，并且始终能够使它在大多数浏览器中都能正常工作。

内联块更好吗？

可以使用浮点数进行的许多布局都可以使用内联块进行。但是，它们并不能解决所有布局问题，也不适合布局。我发现其中之一通常更适合于预期的布局。