HTML – IE7浮动bug解决方法？

概述我有以下 HTML： <div><span>left</span><span style="float:right;">right</span></div> 由于某种原因,浮动：右,浮动到​​右边,但也下降了1行.为什么会发生这种情况并且有解决方法吗？ 这是一个jsfiddle,显示它在行动：http://jsfiddle.net/CxaW6/ 但是如果你通过IE7查看链接,它只会显示错误. 让剩 我有以下 HTML：

<div><span>left</span><span >right</span></div>

由于某种原因,浮动：右,浮动到​​右边,但也下降了1行.为什么会发生这种情况并且有解决方法吗？

这是一个Jsfiddle,显示它在行动：http://jsfiddle.net/CxaW6/

但是如果你通过ie7查看链接,它只会显示错误.

解决方法 让剩下的另一个跨度将解决此问题.

<div><span >left</span><span >right</span></div>

通常将span视为内联元素. ie7似乎以不同的方式处理它们,因此将第一个跨度的宽度(在布局过程中)扩展到100％.在这种情况下,此行中的另一个跨度没有足够的空间,因此它将被包装到下一行.

总结

以上是内存溢出为你收集整理的HTML – IE7浮动bug解决方法？全部内容，希望文章能够帮你解决HTML – IE7浮动bug解决方法？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。