CSS中的left和top,是指元素相對于其最近的已定位(position屬性為absolute、relative或fixed)父元素的左邊和上邊的偏移量,單位為像素(px)。
.box{ position:relative; left:100px; top:50px; }
上面的代碼表示,將類名為box的元素相對于其最近已定位的父元素向左移動100像素,向下移動50像素。
如果元素沒有最近的已定位的父元素,那么它會相對于初始包含塊(通常是瀏覽器窗口)定位。
.box{ position:absolute; left:0; top:0; }
上面的代碼將類名為box的元素相對于初始包含塊定位在左上角。
需要注意的是,使用left和top屬性定位元素時,與之相鄰的元素不會因為該元素脫標產生位置變化,所以需要在布局時考慮到這一點。