一：相對定位

相對定位會更改HTML元素相對于正常顯示位置的位置。left：20為元素的LEFT位置增加了20個像素。【推薦閱讀：相對定位，絕對定位與固定定位詳解】

您可以使用top和left兩個值以及position屬性將HTML元素移動到HTML文檔中的任何位置。

向左移動 - 左側使用負值。

向右移動 - 使用左側的正值。

上移 - 使用頂部的負值。

下移 - 為top使用正值。

注意 - 您也可以使用底部或右側的值，方法與頂部和左側相同。

二：絕對定位

position：absolute的元素位于相對于屏幕左上角的指定坐標處。

您可以使用top和left兩個值以及position屬性將HTML元素移動到HTML文檔中的任何位置。

向左移動 - 左側使用負值。

向右移動 - 使用左側的正值。

上移 - 使用頂部的負值。

下移 - 為top使用正值。

注意 - 您也可以使用底部或右側的值，方法與頂部和左側相同。

三：固定定位

固定定位允許您將元素的位置固定到頁面上的特定位置，而不管滾動。 指定的坐標將相對于瀏覽器窗口。

您可以使用top和left兩個值以及position屬性將HTML元素移動到HTML文檔中的任何位置。

向左移動 - 左側使用負值。

向右移動 - 使用左側的正值。

上移 - 使用頂部的負值。

下移 - 為top使用正值。

注意 - 您也可以使用底部或右側的值，方法與頂部和左側相同。

以上就是對怎么利用css進行定位？css布局與定位詳解的全部解釋，如果你想了解更多有關CSS教程，請關注php 。

以上就是怎么利用css進行定位？css布局與定位詳解的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。