笔记1

1、父级元素设置为relative,子元素设置为absolute,这样子元素同样处于标准流中,且子元素可以相对于父级元素来进行定位

比如:大的div content中有两个div content1和content2,通常contnet2是在content1下面的,如果我们想让content1和content2在同一行显示出来,我们可以这样设置:

content{position:relative;}

content1{200px;}

content2{position:absolute;top:0;}//

top是在绝对定位下起作用,margin-top是相邻元素得定位,所以如果此处我们设置为margin-top:0的话是不行的,

因为content2是处于文档流中的,即它原本是在content1下面的,只有设置为top:0后才会和content1在同一行显示,具体可以看http://www.imooc.com/code/1509

原文地址:https://www.cnblogs.com/fireporsche/p/6187640.html