Div显示在div下面而不是顶部？ （绝对位置，margin-top / left 0）

Question

我有一个div（#homepage_web_title_webDesign），根据我的理解，它应该位于其父div（#homepage_web_drop_webDesign_wrap）的左上角，而是显示在它下方。任何帮助是极大的赞赏！ JSFiddle包括我正在使用的重置。

JSFiddle： http://jsfiddle.net/Y7UGp/3/

HTML：

<div id="homepage_web_drop_webDesign_wrap" style="background-color:rgba(0,255,0,.1);">
    <img id="homepage_web_drop_webDesign" src="http://upload.wikimedia.org/wikipedia/commons/thumb/e/eb/Piratey_transparent_background.svg/383px-Piratey_transparent_background.svg.png" />
    <div id="homepage_web_title_webDesign">Web Design</div>
    <div id="homepage_web_description_webDesign">Creative Web Design should fit your budget and satisfy both you and your customers.</div>
</div>

CSS：

    #homepage_web_drop_webDesign_wrap {
        position:absolute;
        margin-left:0%;
        margin-top:0%;
        height:320px;
        width:260px;
    }
    #homepage_web_drop_webDesign {
        display:inline;
        width:100%;
        height:100%;
    }
    #homepage_web_title_webDesign {
        font-family:ElectrofiedBoldItalic;
        color:rgb(120,91,67);
        position:absolute;
        background-color:purple;
        margin-left:0%;
        margin-top:0%;
        z-index:65;
    }

（我用google中的随机图片替换了图片，但尺寸是用CSS设置的，所以显然无关紧要。）

Answer 1

您只为position: absolute;，top，bottom或left设置了right。因此元素放置在正常流程中出现的位置。当您设置其中一个值时，它会相应地定位。

请参阅此新fiddle。

Answer 2

的 jsFiddle Demo 的

margin-left :0是当前展示位置的偏移量。你应该使用

left:0;
top:0;

如果您希望将它放在上一个元素上