请记住，任何的行内元素，都是不能对其进行宽高设置，它的高度只随着字体大小和行高而改变，而它的宽度只随着文本内容的宽度而改变，所以要设置行内元素的宽高值，将其转换为块状元素是最基本的方法。
至于什么是块状元素，什么是行内元素，它们之间有什么关系，可以直接百度，快速 了解一下。以上是个人的一些学习积累，又不对的地方，请见谅。
第一：行内元素与宽度 \x0d\x0a宽度不起作用 \x0d\x0a代码如下:\x0d\x0aspan { \x0d\x0awidth:200px\x0d\x0a} \x0d\x0a没有变化 \x0d\x0a\x0d\x0a第二：行内元素与高度 \x0d\x0a高度不起作用 \x0d\x0a代码如下:\x0d\x0aspan{ \x0d\x0aheight:200px\x0d\x0a} \x0d\x0a没用变化 \x0d\x0a\x0d\x0a第三：行内元素与padding,margin \x0d\x0aspan{ \x0d\x0apadding:200px\x0d\x0a} \x0d\x0a影响左右，不影响上下 \x0d\x0a\x0d\x0a实现方法：\x0d\x0a \x0d\x0a\x0d\x0a第一 \x0d\x0a 第一 \x0d\x0a 第一 \x0d\x0a \x0d\x0a\x0d\x0a中的li在同一行显示并有上下边距, 如果用display:inline，可行让其在一行内显示，但上下padding不起作用。 所以这种情况下用float:left使其在一行内显示，并且其还是block元素，可以用 padding使与上下padding起作用，差生一定距离 。
