css图片怎么左边百分比

CSS样式中的图片可以使用百分比控制其大小，其中包括图片在左边的百分比。通过设置图片的左边百分比，可以让图片从左侧移动或对齐到其他元素。

img {
  width: 50%;
  height: auto;
  float: left; /* 让图片浮动在左边 */
  margin: 0 16px 16px 0; /* 设置图片与其他元素的间距 */
}

上述代码中，我们使用了浮动（float）的方式让图片靠左对齐，同时设置了一个右侧外边距（margin），以防止图片和其他元素紧挨在一起。其中，margin属性的值分别代表了上、右、下、左方向的间距。

如果想要让图片从左侧移动到某个位置而不是对齐到某个元素，可以使用position和left属性来实现：

img {
  width: 50%;
  height: auto;
  position: relative; /* 让图片相对于其父元素进行定位 */
  left: -20%; /* 将图片左移20% */
}

在这个示例中，我们设置了图片的position属性为relative，这样它才会相对于其父元素进行定位。然后，通过调整left属性的值，我们让图片左移了20%。需要注意的是，这个方法只适用于图片在父元素中的绝对定位。

总而言之，通过对CSS样式中的图片进行百分比设置，我们可以获得非常灵活的控制方式，从而实现各种各样的效果。