Please enable JavaScript.
Coggle requires JavaScript to display documents.
CSS的定位机制 (标准文档流 (1、从上倒下，从左到右，输出文档内容 2、由 行级元素 和 块级元素 组成，（行级元素和块级元素都是盒子模型）,…
CSS的定位机制
标准文档流
1、从上倒下，从左到右，输出文档内容
2、由
行级元素
和
块级元素
组成，（行级元素和块级元素都是盒子模型）
盒子模型
：边框（border），外边框（margin），内边距（padding）
盒子3D模型
： 由顶到底为border，content+padding（内容+内边距），background-image，background-color，margin
绝对定位
position属性
四个属性值
static
（静态定位）
relative
(相对定位)
absolute
（绝对定位）
#
fixed
（固定定位）
#
三种定位形式
相对定位
相对于自身原有位置进行偏移，
仍处于标准文件流中，
随即拥有偏移值和z-index属性
绝对定位
建立了以包含块为基准的定位，
完全脱离了标准文本流，
随即拥有偏移值和z-index属性
静态定位
浮动定位
float : rgith / left / none;