jquery - css div背景变得更向左

Question

我有这个CSS类

#asdfasdful li .deleteFood{
    background-image:  url(http://localhost/asdfasdf/public/images/close.png);
    background-repeat: no-repeat;
    position: relative;
    float: right; right: 10px;
    width: 40px;
    height: 20px;
    margin-top: 5px;
}

Answer 1

我注意到您在与 float 属性相同的行上定义了一个“正确”属性。可能是您的错误的来源。

float: right; right: 10px;

Answer 2

您需要在每一行添加 {clear: right;} ，或者将 line-height 调整为更大的值。

尝试这个：

#yourOrderFoodsItems ul li .deleteFood {
    clear: right;
}

Answer 3

由于这是一个带有背景图像的 div，因此您需要使用background-positionCSS 属性来移动图像。

请参阅此处的文档

background-position: -10px;    /* to move the background 10px to the left... I think */