如何将图像放在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; 
}

我的结果

我需要在div顶部显示徽标。我的意思是#content_main2 div的一半和#content_main2_left的另一半。我怎么能这样做？

Answer 1

为图片写margin-top:-40px，而不是为div。

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;
}

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