小编典典

Are floats bad?应该用什么代替它

html

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

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

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

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


阅读 325

收藏
2020-05-10

共1个答案

小编典典

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

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

那么,为什么要使用它们进行布局?

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

为什么我们仍然使用它们进行布局?

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

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

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

内联块更好吗?

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

2020-05-10