也是一个属性position,当元素设置定位后,可以精确的设置在网页中一个具体的坐标位置,定位是 一个完全脱离标准流的状态,不会影响周围的元素。
也叫占位定位,当元素设置相对定位后,在标准流的位置依然存在,可以通过4个偏移量设置元素的位置,此时的参考点是元素在当前标准流的位置。 偏移量: left: 正值向右,负值向左 right: 正值向左,负值向右 top: 正值向下,负值向上 bottom: 正值向上,负值向下 当left,right,top,bottom同时存在时,left和top优先
让left不起作用 ： left:auto;
是一个完全脱离标准流的状态,默认参考点, left和top是以网页的左上 right和bottom是以当前窗口的第一屏, 四个偏移量 是以网页的初始包含块为参考点
绝对定位元素设置宽高起作用 相对定位和绝对定位配合使用: 元素在设置绝对定位后,默认参考点是body,此时给元素的父元素设置 相对定位,绝对定位的参考点转向父元素 口诀: 子绝父相: 子父指的是标签是嵌套关系,子元素是绝对定位,设置偏移量,父元素是相对定位
绝对定位的参考点: 设置绝对定位的元素会找离它最近的加了相对定位的祖先元素
层级是一个属性z-index,层级的取值范围是整数,默认层级是0,当层级相同时,后写的标签会压在先写标签的上面,当层级不同时,谁的层级高,谁在上面,层级是负数时,要低于标准流的元素。
元素定位的水平居中:left:50%, margin-left:负的自身宽度的一半 元素定位的垂直居中:top:50%, margin-top:负的自身高度的一半
元素的背景和内容一起透明 opacity: 0.5; rgba: css3中的属性 background: rgba(0,0,0,0.5);
不占位隐藏 display: none; 占位隐藏 visibility: hidden; 占位显示 display: block; 不占位显示 visibility: visible;
