Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 什么';浮动的标准行为是:右跟随浮动:左?_Html_Css_Css Float - Fatal编程技术网

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 看起来浮动

假设存在这样的HTML标记:

​<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