CSS定位是一種非常有用的技術,可以幫助我們將頁面上的元素擺放到我們想要的位置。在開始使用CSS定位之前,我們需要先明確一些基礎知識,例如:CSS定位從哪里開始呢?
CSS的定位是相對于父級元素來的。這意味著,當我們設置一個元素的定位時,它是相對于它的父級元素進行定位的。
舉個例子,如果我們想要將一個元素上移10個像素,我們可以使用下面的CSS代碼:
position: relative; top: -10px;
這里的position屬性告訴瀏覽器,我們要將元素相對于其父元素進行定位。然后,top屬性告訴瀏覽器,我們想要將元素向上移動10個像素。
需要注意的是,如果沒有設置父元素的定位,那么子元素就會相對于整個文檔進行定位。
position: absolute; top: 0; left: 0;
這里的position屬性告訴瀏覽器,我們要將元素相對于整個文檔進行定位,而不是相對于它的父元素。然后,top和left屬性告訴瀏覽器,我們想要將元素放置在文檔的左上角。
總結一下,CSS定位是相對于元素的父級元素進行定位的。如果沒有設置父級元素的定位,則子元素將相對于整個文檔進行定位。