大约一周前,我已经从表格设计跃升为CSS,此后一直在阅读更多内容。昨天,我在SO上读了一篇长文章,那里的海报使floats 敲响,以及它们的贬值程度。有很多关于inline- block使用它代替的讨论。
inline- block
我有一个刚刚完成的HTML5设计,它在firefox和chrome中看起来很棒,但是当从运行Internet Explorer版本7、8和9的其他计算机上进行测试时,该设计绝对 会爆炸 。这 似乎 对我这个设计是什么,我已经漂浮在右侧IE没有兑现。它似乎包裹在它左边的任何东西下面。
我想知道我对浮点数是否满意,还是应该inline- block改用浮点数。一个很好的例子是如何使两个div彼此相邻,其中一个在左侧,另一个在右侧inline-block。
inline-block
我在这里还有另一个难题,希望有人可以帮助我。我在运行XP SP1的旧开发计算机上。我可以测试的最佳IE浏览器是6。我想以某种方式掌握一些东西,这些东西可以让我测试版本7、8和9(如果尚未发布,则可以测试10)。有人可以为此建议任何解决方案吗?
浮标从来就不是用于布局的。
它们只是意味着将一个元素放到一边,然后让其他内容围绕它流动。就这样。
那么我们为什么要使用它们进行布局?
因为您可以清除两个浮动列下方的页脚,所以浮动布局应运而生。如果曾经有一种方法可以“清除”已定位元素下面的元素,那么我们永远都不会费心使用浮点数进行布局。
为什么我们仍将它们用于布局?
因为更好的替代方案(例如CSS Flexible Box LayoutModule和CSS Template Layout Module仍在起作用,并且并非所有浏览器都支持。
为什么您的设计在IE 7,8和9中无法使用?
您的代码可能存在问题,即您没有正确使用浮点数。这并非完全是您的错,因为它们从来没有打算首先进行布局。但是,我可以向您保证它们会起作用。很长时间以来,我一直在使用浮点数进行布局,并且始终能够使它在大多数浏览器中都能正常工作。
内联块更好吗?
可以使用浮点数进行的许多布局都可以使用内联块进行。但是,它们并不能解决所有布局问题,也不适合布局。我发现其中之一通常更适合于预期的布局。