1.定位的元素往往还需要配合使用left、right、top、button来进行最终位置确认,如果设置值为百分比,则参照‘定位参照物’的宽/高来计算。
2.元素固定定位或绝对定位后,脱离普通文档流,如果和普通文档流有交叉,定位的元素会覆盖普通文档流内容
3.元素固定定位或绝对定位后,不管原来是什么类型的盒子,定位后具有包裹性、设置宽高有效。
4.元素固定定位或绝对定位后,如果宽/高设置百分比,则计算的参照是:定位参照物的宽/高
5.多个元素固定定位或相对定位后,有可能出现盒子相互覆盖(默认后定位的会覆盖前面的)的情况,我们可以用z-index属性,给定整数来确定相互之间覆盖顺序,数越大越往上面
(1)static 定位默认值
(2)相对定位 relative
参照物是元素自身本该出现的位置 。
平时使用相对定位的原因,1.希望自身相对原本的位置发生偏移 2.单纯想作为某一后代元素绝对定位的参照物,自身并不想做任何偏移。
(3)固定定位 fixed (ie6不兼容)
参照物是浏览器的可视区域。固定定位的元素不会随滚动条滚动
(4)绝对定位 absolute
定位的参照物是离他最近的、设置了position为relative、fixed、absolute之一的祖先元素
常用的定位position
最新推荐文章于 2021-07-31 11:48:50 发布