定位的特殊性:
1 行内元素添加绝对或固定定位，可以直接设置宽度和高度。
2 块级元素添加绝对和固定定位时，如果不设置宽度和高度，默认大小是内容的大小。
3 浮动，绝对定位，固定定位不会触发外边距合并的问题。
浮动的元素不会压住下面标准流盒子里的文字，只会压住下面标准流的盒子。
绝对和固定定位会压住下面标准流的所有内容。
相对定位不脱离标准流可以加margin: auto;
如果一个盒子既有left属性又有right属性，默认执行left属性。
如果一个盒子既有top属性又有bottom属性，默认执行top属性。
display: none； 隐藏对象
display: block； 显示对象
visibility: visible； 元素可视
visibility: hidden； 元素隐藏
overflow: visible； 显示
overflow: hidden； 隐藏
overflow: scroll； 显示滚动条
overflow: auto；
精灵图:
1 主要针对比较小的背景图显示
2 主要借助背景位置来实现 background-position
3 一般情况下精灵图都是负值
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
div {
position: absolute;
height: 200px;
width: 200px;
background-color: pink;
left: 50%;
margin-left: -100px;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
6685
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
