设置position属性后,需要搭配left、right、top、buttom使用,否则不会出现表现效果。
absolution
绝对定位。
脱离文档流,原本的位置被其他元素(下面)所替代。
设置左右值时,根据原本所在文档流的位置变化。
非块级元素设置该属性值后,会被处理为块级元素(也就是说,对它设置长宽会起作用)。
relative
相对定位。
不脱离文档流,原本的位置会空着。
设置左右值时,根据原本所在文档流的位置变化。
非块级元素设置该属性值后,不会影响显示效果。
fixed
固定定位。
脱离文档流,原本的位置被其他元素(下面)所替代。
设置左右值时,参照对象是窗口(整个浏览器)。
非块级元素设置该属性值后,会被处理为块级元素(也就是说,对它设置长宽会起作用)。
当滑动页面时,它会一直固定初始化的位置。
实际应用
多数情况下都会relative和fixed属性值。而且常常会两者搭配一起使用来制作固定在顶部的导航、图片文字居中、制作滑动图片放大效果等。单独使用fixed制作网页小广告。
内容是结合自己的上机后思考所表达,不足请指出。