<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),在它的前后不会换行。没有结构上的意义,纯粹是应用样式,当其他行内元素都不合适时,就可以使用元素。需要注意的是,标记可以包含于标记之中,成为他的子元素,而反过来则不成立,即标记不能包含标记