HTML的绝对定位与相对定位

绝对定位:position:absolute;

绝对定位会根据给定的top值或left值进行定位，浏览器会根据当前窗口的父窗口的左上角进行计算当前窗口应该存在的位置，前提是父窗口必须有定位属性(position:属性值)，属性值可以是规定的任意值。如果父窗口没有定位属性，则浏览器会找父窗口的父窗口，也就是当前窗口的爷爷窗口，如果爷爷窗口页面也没有定位属性，则会继续往上找（有没有想起一句话：子子孙孙无穷尽也。）。如果一直没有找到，（那么就要去福利院了），当然如果一直没有找到，浏览器会根据自己的左上角进行计算。

相对定位:position:relative;

相对定位：相对自己之前的位置进行定位。也有两个属性，top，left；

嵌套：html的解析是自上而下进行解析，所以我们就直接先定位父窗口的位置，然后再子窗口，再孙窗口。

值得注意的是,css中的overflow的属性值默认是visible;也就是说如果定位超过父窗口的大小会撑开父窗口，从而让当前窗口显示出来，但是父窗口的大小并没有扩大。

如果文章有什么错误，或者对本文有什么别的见解，欢迎评论