无法摆脱左边填充

Question

图像正在div的右边，我试图将它对齐到左边。

here你可以看到图片上没有背景

＆＃13;

＆＃13;

.title {
  width: 500px;
  height: 300px;
  position: absolute;
  display: block;
  float: left;
  padding: 0px;
  margin-left: 0px;
  background: transparent url(https://lorempixel.com/200/200) no-repeat top left;
}

＆＃13;

<div class="title"></div>

＆＃13;

＆＃13;

＆＃13;

这里显示了div的大小，这是左边对齐的图像本身没有多余的背景，它只是图像中的文字

CSS中可能有不必要的属性，这只是为了显示我尝试过的内容

Answer 1

我从谷歌拍摄的图像仅用于测试，并且它与左侧对齐。

也许是其他选择器中的问题。

删除position:absolute;图片将位于顶部。

＆＃13;

＆＃13;

.title {
  width: 500px;
  height: 300px;
  /*position: absolute;*/
  top: 300px;
  display: block;
  float: left;
  padding: 0px;
  margin-left: 0px;
  background: transparent url(https://lorempixel.com/200/200) no-repeat top left;
}

＆＃13;

<div class="title"></div>

＆＃13;

＆＃13;

＆＃13;