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

发布时间：2020-12-14 22:43:09 所属栏目：资源来源：网络整理

导读：假设有这样的HTML标签： ? 而css风格是： ?#s1 { float: left;}#s2 { float: right;} 显示器的标准行为是什么？在某些浏览器中,我看到了 Text 1 Text 2 在某些版本的IE中,我看到了 Text 1 06002 似乎浮动：右边跨度被推到下一行. 最佳答案如果浮动的宽度不

假设有这样的HTML标签：


而css风格是：

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

显示器的标准行为是什么？
在某些浏览器中,我看到了


Text 1         Text 2

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


Text 1
06002

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


最佳答案
如果浮动的宽度不超过父元素宽度,现代浏览器将正确计算收缩包裹浮动的宽度并使它们在同一行中.我相信这是渲染的正确行为.
Internet Explorer(5,6,7)不会以相同的方式呈现它们,因为它无法计算收缩包装浮动的宽度,因此它会将其向下推到下一行,除非您明确定义宽度.
                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!