 ----------------------------这是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;
}
|
|
转载于:https://blog.51cto.com/opper/122273