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

2012/11/27 10:25:02作者：佚名来源：网络

移动端

【实例介绍】

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

【基本语法】

【语法介绍】

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

【实例代码】


<html xmlns="http://www.w3.org/1999/xhtml">
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<style type="text/css">
.img1
{
 position:absolute;
 left:100px;
 
}
.img2
{
position:absolute;
right:100px;
}
</style>
<title>左边偏移属性left、右边偏移属性right</title>
<BODY>
  <img src="2.jpg" class="img1" width="230" height="156" >&nbsp;&nbsp;&nbsp;&nbsp;<img src="1.JPG"class="img2"  width="169" height="196" >
</BODY></HTML>

【代码分析】

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

左边偏移属性left、右边偏移属性right运行效果