Question

所以我想要实现的是让左侧的文字位于右侧图像的顶部

<div class="body-content">
    <div class="left-side">
        <p>text</p>
    </div>
    <div class="right-side">
        <div class="img-container>
            <img/>
        </div>
    </div>
</div>

问题是，当在另一个div中关闭图像时，它似乎根本不起作用。

当一切都在同一个div中时，我可以让它工作，所以我不确定我尝试的是否可能。

这是一片解释发生了什么的片段 http://jsfiddle.net/F3UQr/

Answer 1

我想我明白了你要做的事情。 z-index设置为＆＃34; .left-side＆＃34;但是需要设置位置以使其生效。我把位置设置为＆＃34; relative＆＃34;但你也可以做绝对的，固定的等等。更新了这里的小提琴：http://jsfiddle.net/JS26k/

.left-side
{
     z-index: 1;
     position: relative;
{

Answer 2

您缺少的是左侧的位置属性。

对于要应用的z-index属性，该元素还需要具有静态以外的位置。

.left-side {
    position: relative;
    z-index:1;
}

http://jsfiddle.net/dean_simcox/MnYa8/

在另一个div中的图像顶部有文本

2 个答案: