top：值域是數值或百分比，正負都可以。該值表示 距離頂部有多少像素。例如top:10px；即距離頂部10個像素。

left/right/bottom與top如出一轍，只是方向不一樣而已。

這些屬性一般配合position一起使用。只有當position的值為relative、absolute或fixed時才有效。

註意：position為relative時，標簽是基於文檔流的；當position為absolute時，標簽會脫離文檔流。fixed和absolute一樣。

1、不管父元素或祖先元素有沒有設置position屬性值，當前標簽的position為relative時，且給left和top屬性賦值後，該標簽會基於直接父元素的左上角計算，不會脫離文檔流，如果該標簽前面有元素，則該標簽會向下移動；

2、如果某個標簽的很多祖先元素設置了position為relative/absolute/fixed，再給當前標簽的position設置absolute，給left和top屬性賦值後，那就基於 離得最近的設置了position的那個祖先元素 的左上角計算；

如果祖先元素都沒有設置position值，則該標簽就會基於整個屏幕的左上角進行計算。

3、針對position是fixed的標簽來說，始終是基於整個屏幕來計算的。

每天CSS學習之top/left/right/bottom