2019-02-27

定位

1.普通流定位

image

eg:

image.png

sajasdxxx





nadka

2.相对定位

image

image

div{

width:100px;

height:100px;

background-color:pink;

margin:2px;

}

#q{

top: -50px;

position:relative;

}

#p{

position:relative;

left:200px;

top:30px;

background-color:skyblue;

}

#e{

background-color:yellow;

position:relative;

right:100px;

}



aac

dndf

ccc

3.绝对定位

image

image

aaa

asc

bbb

3.固定定位

image

aaa

asc



##浮动

浮动流：

普通流认为浮动流不存在，所有浮动都在一个图层里

eg:

![image](https://upload-images.jianshu.io/upload_images/15546069-9015df4bd22f6c62.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)