是HTML中最常用的一個標簽，用于定義一個容器，而通過CSS可以控制這個容器的外觀和位置。在本篇文章中，我們將探討如何使用CSS定義
的坐標。
在CSS中，我們使用position屬性來控制
的位置。position屬性有四個可選值：static（默認）、relative、absolute和fixed。其中relative、absolute和fixed能夠與top、bottom、left和right屬性一起使用來定義
的坐標。
例如，下面的代碼使用relative和top屬性把一個
向下移動20像素：
div {
position: relative;
top: 20px;
}如果想要讓向上移動20像素，可以把top屬性改為負值，如下所示：
div {
position: relative;
top: -20px;
}當使用absolute或fixed屬性時，的位置將相對于其最近的"已定位"祖先元素，如果不存在"已定位"祖先元素，
的位置將相對于文檔的初始包含塊。下面的代碼使用absolute和top屬性，將一個
相對于其父元素的頂部移動20像素：
div {
position: absolute;
top: 20px;
}需要注意的是，當對一個使用absolute或fixed屬性時，將會使它的display屬性設為block。
最后，當使用fixed屬性時，
的位置將始終相對于瀏覽器窗口，而不是文檔的包含塊。下面的代碼使用fixed和bottom屬性，將一個
放置在瀏覽器窗口底部：
div {
position: fixed;
bottom: 0;
}總結起來，使用CSS定義的坐標相對簡單，可以通過position屬性和top、bottom、left和right屬性來控制。希望這篇文章對你的學習有所幫助。
下一篇css定義格式中加空格