Question

为什么span标签上加position就能设置宽度与高度了

Answer 1

postion:absolute 跳出文本流，不是行内元素，设置宽高有效，我的理解。
postion属性一共有4个值，分别为static，absolute，relative和fixed。
（1） static为默认值，它表示块保持在原本应该在的位置上，即改值没有任何移动的效果。
（2） 当子块的postion值设为absolute时，子块已经不再从属于父块。
注：top，right，bottom和left这4个css属性，他们都是配合position属性使用的，不但可以设置为绝对像素，也可以设置为表分数，表示块的各个边界离页面边框（postion=absolute）的距离，或者各个边界离原来位置（postion=relative）的距离。只有当postion属性设置为absolute或者relative时才能生效。如果设置为static，则子块不会有任何变化。
（3）块的postion设置为relative时，与将其设置为absolute时完全不同。这时子块是相对于其父块来进行定位的，同样配合top，right，bottom和left这4个属性来使用的。