子绝父相 —— 子级是绝对定位,父级要用相对定位。
(4)fixed:固定定位
完全脱标,完全不占用位置;只认浏览器的可视窗口,—浏览器可视窗口+边偏移来设置元素的位置;跟父元素没有任何关系,不随滚动条滚动
2.2 边偏移
top:顶端偏移量,定义元素相对于其父元素上边线的距离
bottom:底部偏移量,定义元素相对于其父元素下边线的距离
left:左边偏移量,定义元素相对于其父元素左边线的距离
right:右边偏移量,定义元素相对于其父元素右边线的距离
2.3 定位改变display属性
(1)可以用inline-block 转换为行内块
(2)可以用浮动float默认转换为行内块(浮动脱标)
(3)绝对定位和固定定位也和浮动类似,默认转换为行内块
**注意:**浮动元素、绝对定位、固定定位的元素都不会触发外边距合并的问题,给父盒子改为浮动或者定位,就不会有垂直外边距合并的问题
2.4
第一种:<