如何在div外部放置图像，但在右侧

Question

我尝试在div的右侧显示图像（表示垂直显示的文本）。正如您在下面的图片中看到的那样，我的图像显示在div内部。但我想在div（外部）的右侧显示我的图像。

这是我的css：

.outer-gray
{
width: auto;
border: 1px solid #efefed;
border-collapse: collapse;
margin-right: 20px;
display:block;
background: transparent url('Images/framework-asp-net-mvc3.png') no-repeat bottom right;
}

谢谢。

Answer 1

试试这个。

<div class="container">
    a lot of content
    <div class="outter"></div>
</div>
<style>
    .container{position:relative}
    .outter{
        position:absolute;
        right:-10px;
        bottom:0;
        height:200px;
        width:10px;
        background:url(some.png) no-repeat
    }
</style>