d8eea69512008505d31b70d4.jpg----------------------------这是3个div来研究position用法
今天终于指导css,position中absolute的用法,某个元素设置了position,它会在他的dom树中找到离它最近的设置了position值的基点设置自己的位置。如图1,box2的position:absolute,他父级box1为 position:relative 。
b2d84a62dab2937b0d33fae0.jpg
图1.
而且其他元素忽略了他存在:如图*,box3侵占了box2原来的位置。
77252bd068620ac8562c84cd.jpg
图*
如果box2的position:relative。则根据标准流为基准,以标准的基点作为偏移基点。而且他周围的元素知道他的存在。 如图2
c5c65e3fc5b8312671cf6cfb.jpg
图2
box2的偏移如下:
#block2
{
   position: relative;
left:30px;
top:30px;
}