Html 什么';浮动的标准行为是:右跟随浮动:左?
假设存在这样的HTML标记:Html 什么';浮动的标准行为是:右跟随浮动:左?,html,css,css-float,Html,Css,Css Float,假设存在这样的HTML标记: <span> <span id='s1'>Text 1</span> <span id='s2'>Text 2</span> </span> 显示器的标准行为是什么 在某些浏览器中,我看到 案文1案文2 在IE的某些版本中,我明白了 文本1 Text 2 看起来浮动
<span>
<span id='s1'>Text 1</span>
<span id='s2'>Text 2</span>
</span>
显示器的标准行为是什么
在某些浏览器中,我看到
案文1案文2
在IE的某些版本中,我明白了
文本1
Text 2
看起来浮动:右跨距被下推到下一行。现代浏览器将正确计算收缩包装浮动的宽度,并使它们位于同一行,前提是浮动的宽度不超过父元素的宽度。我相信这是渲染的正确行为
Internet Explorer(5、6、7)不会以相同的方式渲染它们,因为它无法计算收缩包装浮点的宽度,因此除非您明确定义宽度,否则它会将其下推到下一行。默认情况下,
是一个内联元素。使用您提供的确切标记,所有浏览器应在同一行上显示这两个,除非两个
s组合的计算宽度大于当前行的长度。您必须给出span
s宽度以获得任何类型的有用/标准行为。必须定义哪个元素的宽度?
Text 2