如何將圖片放在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;
}

我對您希望它如何重疊感到困惑。