CSS中的top
和left
屬性非常重要,它們用于控制元素的位置。
如下面的例子所示,我們創建了一個div,將它的top
和left
屬性設置成50px:
<div style="position: absolute; top: 50px; left: 50px;">
This is a div
</div>
這個div將被置于頁面的左上角,距離頂部和左側的邊距分別為50px。
值得注意的是,如果元素的position
屬性設置為static
(默認值),那么top
和left
屬性是無效的。
另外,top
和left
屬性可以接受不同類型的值,包括像素、百分比、em等。例如:
<div style="position: absolute; top: 25%; left: 25%;">
This is a div
</div>
這個例子中,元素的距離頂部和左側的邊距是相對于其父元素的25%。
總之,top
和left
屬性可以幫助我們輕松控制元素在頁面中的位置,適應不同的設計需求。