网页当中的元素有两种定位方法:相对定位和绝对定位。那么,相对定位和绝对定位有什么区别呢?他们的区别如下:
相对定位:让操作的元素在相对其他元素的位置上进行偏移。当其他元素的位置变化时,被操作的元素也会随之变化位置。
绝对定位:让操作的元素参照原始文档进行偏移。原始文档中该元素在何处,那么该元素就在何处。
关于相对定位和绝对定位,我们要根据实际需要选择定位方式。当一个网页中的元素是固定不变(例如,固定在最左上方)的,这个时候,我们可以采用绝对定位。当网页中一个元素需要随着浏览器的分辨率不同要发生位置变化的时候,我们要将其设置为相对定位。
常用的CSS定位属性有以下几种:
position:分为absolute(绝对定位)、relative(相对定位)两个值。
top:层(DIV)距离顶点纵坐标的距离
left:层(DIV)距离顶点横坐标的距离
width:层(DIV)的宽度
height:层(DIV)的高度
z-index:决定层(DIV)的先后顺序和覆盖关系
clip:限定只显示裁切出来的区域
overflow:当层(DIV)内的内容超出层(DIV)所能容纳的范围时的显示方式
visibility:针对嵌套层(DIV)的显示位置。