Span问题：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
span{
width: 100px;
height: 100px;
background-color: red;
}
</style>
</head>
<body>
<span>123</span>
</body>
</html>
正常来说你给span加宽高是不管用的，因为行级元素是不能改变宽高的，但是当你给span加个定位（position: absolute;）之后你会惊奇的发现，管用了，行级元素也能够定义宽高了。
如果你把position: absolute;去掉，换成float: left;也好使。这是什么道理呢?
有一个规则：
拓展：
凡是设置了float: left/right;或position: absolute;的，系统会自动从内部把元素给你转换成inline-bolck，你要是变成了行级块元素，宽高就是由内容决定了！