在页面的编写过程中我们通常会用到html的position属性来合理安排我们标签的位置,来达到视觉的美观,所以我们需要加深对position这个属性的了解。
一、Position的属性值
position有四个值:static,relative,absolute,fixed;
div{position:×××;left:×××;right:×××;top:×××;bottom:×××;}
二、static
static就是html默认的文档流形式,一个块状元素独占一行如div、p,多个内联元素占一行如span、a;
三、relative
relative是相对于标签原来的位置偏移,请看图:
说明:div1是原来的位置,div2是偏移后的位置,但是偏移过后的div2的实际大小是div1和div2连续空间的div3的大小,所以说使用relative会使得原来元素的大小改变。
四、absolute
absolute是相对于不是默认文档流形式的父类元素的位置偏移,如果