如何在div grid_24内将grid_6的div放置在最右边

Question

如何将div聚光灯 - 灰色位于div聚光灯内的最右侧？

<section class="banner">
    <div class="container_24">
        <div class="grid_24">
            <div class="spotlight">
                <div class="grid_6">
                    <div class="spotlight-grey">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

更新：CSS

div .spotlight {
    width:100%;
    height:390px;
    background-color:blue;
    position:relative;
}
.spotlight-grey {
    width:100%;
    height:390px;
    background-color:rgba(102, 102, 102, 0.8);
    position:absolute;
    right:0;
}

Answer 1

.spotlight-grey{
    position: absolute;
    right: 0px;
}
.spotlight{
    position: relative;
}

<小时/> OR：

.spotlight-grey{
    display: inline-block;
    float: right;
}

Answer 2

<section class="banner">
    <div class="container_24">
        <div class="grid_24">
            <div class="spotlight">
                <div class="grid_6">
                    <div class="spotlight-grey"> Hi</div>
                </div>
            </div>
        </div>
    </div>
</section>

<强> CSS

.spotlight-grey {
    position: absolute;
    right: 0px;
    width:20px;
        border:1px solid black;
}
.spotlight {
    position: relative;
}
.grid_24
{
    width:100%;
    height:200px;
    border:1px solid black;
}

<强> Fiddle

Updated Fiddle of your CSS