html – float的标准行为是什么:右边浮动:左边?

前端之家收集整理的这篇文章主要介绍了html – float的标准行为是什么:右边浮动:左边?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

假设有这样的HTML标签

而css风格是:

​#s1 {
  float: left;
}
#s2 {
  float: right;
}

显示器的标准行为是什么?

在某些浏览器中,我看到了

Text 1 Text 2

在某些版本的IE中,我看到了

Text 1

06002

似乎浮动:右边跨度被推到下一行.

最佳答案
如果浮动的宽度不超过父元素宽度,现代浏览器将正确计算收缩包裹浮动的宽度并使它们在同一行中.我相信这是渲染的正确行为.

Internet Explorer(5,6,7)不会以相同的方式呈现它们,因为它无法计算收缩包装浮动的宽度,因此它会将其向下推到下一行,除非您明确定义宽度.

猜你在找的HTML相关文章