关于css中position解释

----------------------------这是3个div来研究position用法
今天终于指导css,position中absolute的用法,某个元素设置了position,它会在他的dom树中找到离它最近的设置了position值的基点设置自己的位置。如图1,box2的position:absolute,他父级box1为 position:relative 。

图1.
而且其他元素忽略了他存在:如图*,box3侵占了box2原来的位置。

图*
如果box2的position:relative。则根据标准流为基准,以标准的基点作为偏移基点。而且他周围的元素知道他的存在。 如图2

图2
box2的偏移如下:
#block2
{
   position: relative;
left:30px;
top:30px;
}

你可能感兴趣的:(职场,css定位,休闲)