如何将图片放在div的顶部？

Question

这是我的代码

<div id="content_main2">
    <div id="content_main2_left"><img src="../images/logo.png"></div>
</div>

的CSS

#content_main2
{
    width:800px;
    height:200px;
}
#content_main2_left
{
    float:left;
    width:300px;
    height:240px;
    margin-top:-40px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    background:#817339; 
}

我的结果

bt我需要在div顶部显示徽标。 我的意思是一半在#content_main2 div上，另一半在#content_main2_left 。 我该怎么做 ？

Answer 1

为图像（而不是div）写margin-top:-40px 。

Answer 2

更好地使用

position: absolute;

和不同的z-index都

Answer 3

您可以尝试使用负边距。

Answer 4

对于图像使用以下css

#logoimage
{
   position: absolute;
   bottom: xxpx;
}

用所需的像素替换xx 。

Answer 5

尝试将此规则添加到样式表中：

#content_main2_left img
{
    position: relative;
    left: 235px;
}

我对您希望它如何重叠感到困惑。