千锋前端浠浠呀老师HTML+CSS教程，零基础web前端开发入门必看视频

* 定位：漂浮于网页上方的内容

* background-attachment：fixed；背景固定

画完色块，多空格再写其他内容

* position：fixed；辅助属性：left，right，botton，top（不能脱离定位使用）

* 定位和浮动会改变元素特征，行内元素也可以支持宽高；块级元素不再继承宽度

* z-index：99  z轴上，必须是整数

* 使盒子定位居中1：

position：fixed；

left：50%；

top：50%；

margin-top：-150px；

margin-left：-150px；

（只使用一边的属性）

* 使盒子定位居中2：

position：fixed；

left：0；

right：0；

top：0；

button：0；

margin：auto；

可拆开使用，上下居中

top：0；

button：0；

但靠右  right：40px

* 绝对定位：一个盒子漂浮于另一个盒子上面

* position：relative（一定要是对象的父级元素）

* position：absolute

小盒子装大盒子，让大盒子绝对定位跑出去（不能用overflow：hidden）

1. 画色块

2. 使用定位

3. 动画

注意top：0、botton：0时子盒子的位置

* 固定定位：position：fixed；参照于浏览器界面

* 参照物不一定是父元素，可以是祖先元素

* 参照物不一定是relative，也可以是fixed

bug：

* margin-top有传递的bug，会传给父元素。

* overflow不能用在body上，body需要滚动

* 文本为英文时，认定为单词不会自动换行