1、static （靜態定位）默認值，元素框正常生成的，top left bottom right這幾個偏移屬性還有z-index不會影響其靜態定位的正常顯示
2、relative是保留原來位置，不脫離文檔流，相對於原位置定位，經常與z-index屬性進行層次分級
3、absolute脫離文檔流，是整個元素的左上角（含margin）相對於最近的、非static定位的父元素的padding外邊界或者說border內邊界定位的;如果沒有非static定位的父元素，則相對於“瀏覽器可視窗口”定位（不是body也不是html元素，而是屏幕的可視區的左上角（不含工具條）），經常與z-index屬性進行層次分級
4、position:fixed脫離文檔流，是相對於“瀏覽器的可視窗口”來定位的而不是html也不是body也不是屏幕！經常與z-index屬性進行層次分級
對於元素本身特性的影響：position:fixed和absolute(relative除外)，將使元素變為block元素，並脫離文檔流
ps:top/bottom/left/right以及width/height都可以使用百分數表示，都是相對於非static定位的父元素的padding+content的尺寸而言的！跟盒模型的類型（box-sizeing:content-box/border-box）無關
#child1{
position:absolute;
top:100%;
left:100%;
width:10%;
height:100px;
background-color:red;
}