div的float:left与span标签

<div style="width: 300px;"><div style="float: left;width: 100px;">我是div</div><span style="">span</span><span>span</span></div>

上述代码中div是float:left，span没有float:left，但是span标签还是显示在div标签的右边，而不是被div标签覆盖。这是因为span标签是一个行内元素不是块级元素。

​接下来附上它们两个

的区别：

div与span区别

区别在于，div​是一个块级(block-level)元素，它包围的元素会自动换行。而span仅仅是一个行内元素(inline element)，在它的前后不会换行。没有结构上的意义，纯粹是应用样式，当其他行内元素都不合适时，就可以使用元素。需要注意的是，标记可以包含于标记之中，成为他的子元素，而反过来则不成立，即标记不能包含标记