1、脱离文档流,:父元素高度不再包含文档流高度
position:absolute 子元素
position:relative 父元素,
子元素相对于祖先中的第一个relative定位,用到的 top:0; left:0; 不然出bug
2、相对于屏幕固定:position:fixed; 但用了会内缩,需要加width:100%;
3、绝对定位之后,默认变成block
4. 绝对定位的元素不占 文档流,若外面有边框,需设置 height
否则没有height没有文档流只有边框→不显示
时间:2021-06-16 02:45:38
1、脱离文档流,:父元素高度不再包含文档流高度
position:absolute 子元素
position:relative 父元素,
子元素相对于祖先中的第一个relative定位,用到的 top:0; left:0; 不然出bug
2、相对于屏幕固定:position:fixed; 但用了会内缩,需要加width:100%;
3、绝对定位之后,默认变成block
4. 绝对定位的元素不占 文档流,若外面有边框,需设置 height
否则没有height没有文档流只有边框→不显示
相对定位relative 绝对定位absolute 固定定位fixed
2019-07-28
定位:relative相对定位 absolute绝对定位 fixed固定定位
2019-03-01
相对定位(relative)和绝对定位(absolute)的区别
2023-06-23
CSS绝对定位(absolute) 相对定位(relative)方法(详解)
2018-09-28