Div位置相对于另一个div固定

时间:2014-01-13 19:38:28

标签: css html css-position

我有以下HTML代码:

<div data-role="content">
    <div class="container">
        <div class="child"></div>
    </div>
</div>

以及以下css

.container{
    width:310px;
    height:224px;
    position:relative;
    background-image:url(../images/background_1.jpg);
   background-size:contain;
}
.child{
    width:125px;
    height:125px;
    postion:absolute;
    top:100px;
    left:50px;
    background-image:url(../images/child.png);
    background-size:contain;
}

我希望子div相对于其父级保持固定位置,但是子div不会移动。

2 个答案:

答案 0 :(得分:1)

http://jsfiddle.net/bLu3T/1/

你必须写

position:absolute;

不是

postion:absolute;

答案 1 :(得分:0)

你在CSS中拼错了位置......

.child{
    width:125px;
    height:125px;
    position:absolute;
    top:100px;
    left:50px;
    background-image:url(../images/child.png);
    background-size:contain;
}

我试了一下它似乎对我有用。