css绝对定位和相对定位的区别

一：绝对定位

position: absolute;绝对定位：绝对定位是相对于元素最近的已定位的祖先元素（即是设置了绝对定位或者者相对定位的祖先元素）。假如元素没有已定位的祖先元素，那么它的位置则是相对于最初的包含块（body）。

绝对定位本身与文档流无关，因而不占空间，普通文档流中的元素的布局就当绝对定位的元素不存时一样，所以 它们可以覆盖页面上其余的元素，且可以通过z-index属性来控制这些层的对方顺序。

#box_relative {

position: absolute;

left: 30px;

top: 20px;

}