笔记1

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

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

content{position:relative;}

content1{width:200px;}

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

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

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

posted @ 2016-12-16 17:00  fireporsche  阅读(133)  评论(0编辑  收藏  举报