为什么我的CSS相对定位不起作用?

时间:2015-03-26 02:39:12

标签: css position relative

我无法通过相对/绝对定位来移动我的任何div。任何帮助都会受到赞赏,欢呼。

代码:

<div id="game"><img src="gta-game.jpg" height="100" width="70" alt="gta"/></div></li>
    <div id="gamename">Grand Theft Auto V</div>
    <div id="rating">9/10<div>
    <div id="system">PS4</div>

CSS:

#game{
height: 100px;
width: 70px;
display: relative;
left: 50px;
}
#gamename{
display: relative;
right: 50px;
}
#rating{
display: relative;
right: 100px;
}
#system{
display: relative;
right: 200px;
}

2 个答案:

答案 0 :(得分:1)

正确的属性为position: relative,而不是display: relative

答案 1 :(得分:0)

您正在使用display。您应该使用position。试试这个:

#game{
height: 100px;
width: 70px;
position: relative;
left: 50px;
}
#gamename{
position: relative;
right: 50px;
}
#rating{
position: relative;
right: 100px;
}
#system{
position: relative;
right: 200px;
}