大约一周前,我已经从桌面设计跳到了css,从那时起就开始阅读更多关于它的内容了.昨天,我在这里看了一篇很长的帖子,那里的海报正在敲响花车,以及它们是如何贬值的.有很多关于inline-block在其位置使用的讨论.
我有一个HTML5设计,我刚刚完成它在firefox和chrome看起来很棒但是当从运行Internet Explorer版本7,8和9的其他计算机进行测试时,设计绝对爆炸.这似乎对我这个设计,我已经浮动权是不是在IE荣幸的事情.它似乎只是包裹在它左边的任何东西.
我想知道我是否可以使用花车,或者我是否应该使用它inline-block.一个如何将两个div彼此相邻的示例,其中一个在左侧,另一个在右侧,使用inline-block将是很好的.
我有另一个困境,希望有人可以帮助我.我在运行XP SP1的旧开发机器上.我可以测试的最好的IE浏览器是6.我想以某种方式获得一些东西,允许我测试版本7,8和9(如果它还没有,则为10).有人可以推荐任何解决方案吗？
mel*_*iny 48
花车从来没有用于布局.
它们只是意味着拿一个元素,把它放在一边,让其他内容围绕它.就这样.
那我们为什么要用它们进行布局呢？
因为您可以清除两个浮动列下方的页脚,所以浮动布局应运而生.如果曾经有一种方法可以"清除"定位元素下面的元素,那么我们永远不会想要使用浮点数进行布局.
为什么我们仍然使用它们进行布局？
因为更好的替代方案,如CSS Flexible Box Layout Module和CSS Template Layout Module仍然是工作草案,并不是所有浏览器都支持.
为什么你的设计在IE 7,8和9中有所突破？
您的代码可能存在问题,也就是说,您没有正确使用浮动代码.这不完全是你的错,因为它们从来就不是用于布局的.但是,我可以向你保证他们的工作.我一直在使用浮动布局很长一段时间,并且始终能够在大多数浏览器中使用它.
内联块更好吗？
可以使用内联块完成许多可以使用浮点数完成的布局.但是,它们并不能解决每个布局问题,也不适用于布局.我发现其中一个通常更适合预期的布局.
参考
| 归档时间： |
|
| 查看次数： |
18988 次 |
| 最近记录： |