关于span设置宽高

首先区别内联元素和块元素

• 内联元素不会独自占据一行，其他的内联元素也可以在同一行；块元素独自占据一行。
• 块级元素可设置宽高，内联元素设置无效。
• 块级元素的 width 默认为 100%，而内联元素则是根据其自身的内容或子元素来决定其宽度。

• 内联元素改变宽高，可以通过设置 display: block;当 display 的值设为 block 时，元素将以块级形式呈现。

• 当position为absolute、fixed、float的时候，元素脱离原来的文档流。变为块级元素，所以span此时也可以设置宽高。

因此：

span元素是内联元素，但是通过绝对定位或者float之后可以脱离文档流，变成块级元素，，因此可设置宽高。