1

我有一个 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;
    }

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

4

2 回答 2

3

您只设置了、或没有position: absolute;值。所以元素被放置在它出现在正常流程中的位置。当您设置其中一个值时，它会相应地定位。topbottomleftright

看到这个新的小提琴。

于 2013-04-23T19:15:23.567 回答
1

jsFiddle Demo

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

left:0;
top:0;

如果您希望将其放置在前一个元素上

于 2013-04-23T19:14:18.147 回答