css盒子模型及定位
盒子模型
- margin 元素之间的距离
- padding:元素与边框之间的距离
- border :边框
padding、border可以让元素向外拓展
元素定位
只有定位元素才有left、right、top、bottom属性
固定定位
- 脱离文档流
- 以网页（浏览器窗口）为参照
- 不占用起始位置
-
如文档有滚动条，不随文档一起滚动，固定在浏览器窗口某个位置上
相对定位
- 以起始位置为参照，相对起始位置偏离
- 占用起始位置
绝对定位
- 脱离文档流
- 如果有定位父元素，则以父元素为参照，否则以文档位置为参照（子绝父相）
- 不占用起始位置
如文档有滚动条，随文档一起滚动-
绝对定位参照文档或父元素，固定定位是参照浏览器视窗