一：相对定位

 

　　相对定位会更改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使用正值。

 

　　注意-您也可以使用底部或右侧的值，方法与顶部和左侧相同。




本文转载自中文网