css样式表调整图片位置 |淘宝分类导航css

img {
position: relative;
left: 50px;
top: 20px;
}

CSS中的定位属性主要有四个，分别是static(静态)，relative(相对定位)，absolute(绝对定位)和fixed(固定定位)。大家这里主要介绍相对定位和绝对定位的用法。

首先是相对定位，相对定位是相对于图片原来所在的位置进行偏移，偏移使用top、bottom、left和right属性来实现。在上面的代码中，大家使用left和top属性让图片向右偏移50px，向下偏移20px。

img {
position: absolute;
left: 0;
top: 0;
}

然而，如果大家对图片进行了绝对定位，那么图片的偏移量将不再是相对于自己了，而是相对于父元素的位置进行偏移。在上面的代码中，大家使用left和top属性来让图片靠左上角对齐页面。

总之，使用相对定位和绝对定位可以让大家更加精细地控制图片的位置，从而达到更好的设计效果。