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,你要是变成了行级块元素,宽高就是由内容决定了!