html左边移动属性,css左边偏移属性left、右边偏移属性right

【实例介绍】

css左边偏移属性left、右边偏移属性right

通过left属性来设置左边偏移属性,通过right属性来设置右边偏移属性。

【基本语法】

position:static  |  absolute   |   fixed  |   relative

left:auto  |   长度值  |   百分比

right:auto  |   长度值  |   百分比

【语法介绍】

这个属性只有当position属性设置为absolute、fixed、relative时才有效。而且在position属性取值不同时,它们的含义也不同。left和right属性值除了可以设置为绝对的像素数外,还可以设置百分数。

【实例代码】

.img1

{

position:absolute;

left:100px;

}

.img2

{

position:absolute;

right:100px;

}

左边偏移属性left、右边偏移属性right

 2.jpg    1.JPG

【代码分析】

上面的代码首先使用left:100px;和.right:100px;分别定义了img1和img2样式,使图像分别距离左边100像素,距离右边100像素,在浏览器中预览,效果如图所示。

d44e41d9e5c57abb916a03b83a2c5c6e.png

【素材及源码下载】