Question

CSS SPAN定义宽度跟高度

<div>
<ul>
<li><span class=s_left></span><span class=r_left></span></li>
</ul>
</div>
<style>
ul{ width:225px; height:328px; }
span.s_left{width:133px; height:40px; float:left; background:#ffdf2e}
span.s_left{width:84px; height:40px;float:left; background:#f8472a;}
</style>
为什么span不使用display:block也能定义宽度跟高度，用了display:block,IE6下面反而还出错

Answer 1

span是行内元素，不可能有高度和宽度的，你肯定在span标签里添加内容了，撑出来的宽高！想要有宽高必须转话成块级元素！
你的错误，没写 "r_left" 的css,还有没写display;block; 这样span没有宽度限制，内容超出了li标签宽度也能出错

Answer 2

span是行内元素，意思是在默认情况下一个span不会占满全行，因此可以设置width;height；用了display:block;之后变成块元素（=一个div），默认占满全行。还有，要是想用语句display:block;则必须在CSS中加，在html中应该是<span style="display:block;"></span>

Answer 3

应该用display:inline-block，行内块元素，这样不会占全行而且也有完整的盒子模型（垂直方向上的padding和maring）。

需要注意部分元素在IE6下的行内块元素会和其他浏览器中解析得不一致（好像是a）