Question

我正在创建一个div，因为我想在div的右边对齐图像并在div的其他剩余空闲位置填充相同图像的颜色，但是图像没有正确对齐它。主要的问题是我不想在div中使用<img>标签，我想使用图像作为该div的背景图像，并且也应该正确对齐。

代码：

<div class="inq_parent">
        <div class="inq_header">

        </div>
</div>

.inq_parent
{
    height:560px;
    width:90%;
    background-color:#000;
    margin-left:5%;
}
.inq_header
{
    height:100px;
    width:100%;
    background-color:#333333;
    border-bottom: 1px solid #f2f2f2;
    background-image:url(http://i.stack.imgur.com/x9be2.png);
    background-repeat:no-repeat;
    text-align:right;
}

Answer 1

添加background-position:right;

.inq_header
{
    height:100px;
    width:100%;
    background-color:#333333;
    border-bottom: 1px solid #f2f2f2;
    background-image:url(http://i.stack.imgur.com/x9be2.png);
    background-repeat:no-repeat;
  background-position:right;
    text-align:right;
}

或简而言之

background:url(http://i.stack.imgur.com/x9be2.png) no-repeat right;

<强> DEMO

更新

.inq_header
{
    height:100px;
    width:100%;
    border-bottom: 1px solid #f2f2f2;
    background:#333333 url(http://i.stack.imgur.com/x9be2.png) no-repeat right;

}

<强> Updated DEMO

如何在div的右侧对齐图像？

1 个答案: