我有以下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不会移动。
答案 0 :(得分:1)
答案 1 :(得分:0)
你在CSS中拼错了位置......
.child{
width:125px;
height:125px;
position:absolute;
top:100px;
left:50px;
background-image:url(../images/child.png);
background-size:contain;
}
我试了一下它似乎对我有用。