2、在css标签内，通过class设置div的样式，定义它的宽度为400px,高度为300px，边框为1px。
3、在css标签内，再将text-align属性设置为right,用于让div内的内容居右对齐，从而实现图片居右对齐。
4、在浏览器打开test.html文件，查看实现的效果。
1、首先找到一款html编辑器，如：打开DW软件，ctrl+n创建一个html文件，如题：使图片靠右，与文字不在同一行，找到一张图片，并且设置图片居右，文字另起一行写入：如下
详解：图片img设置的float:right靠右浮动，p标签在其下面，所以要加个清楚浮动的效果；样式中定义了clear也可以写成：<div class="clear"></div>效果是一样的；
图片靠右浮动，文字另起一行展示主要css属性用于：clear:both清除左右浮动，both换成left:清除左浮动，right是清除右浮动；不添加就会在底层展示；看着是在同一行实则不然，他们在两个层里展示的；
2、页面展示效果：如下
是用来定位图片的位置的，最主要使用在 一张png 上有多个logo 或者 ico 这个时候就用到background-position了。
background-position：x y x等于平行轴 y等于竖行轴，x y的取值可以为正数，也可以是负数。
background-position: left -29px 是背景位移，background-position后面有两个属性，第一个是水平位置，第二个是垂直方向的位置，这里需注意的是两个属性的顺序
比如：
background-position: left -29px(当中的left指从图片的最左端读起，-29px就是将图片向上移动29px,然后开始读)
扩展资料：语法
background-position : length || length
background-position : position || position
取值
length : 百分数 | 由浮点数字和单位标识符组成的长度值。
position : top | center | bottom | left | center | right
注：设置或检索对象的背景图像位置，必须先指定 background-image 属性，该属性定位不受对象的补丁属性( padding )设置影响。
默认值为： 0% 0% 。此时背景图片将被定位于对象不包括补丁( padding )的内容区域的左上角，如果只指定了一个值，该值将用于横坐标，纵坐标将默认为 50% ，如果指定了两个值，第二个值将用于纵坐标。
如果设置值为 right center ，因为 right 作为横坐标值将会覆盖 center 值，所以背景图片将被居右定位，对应的脚本特性为 backgroundPosition。
