Question

我无法通过相对/绝对定位来移动我的任何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;
}

Answer 1

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

Answer 2

您正在使用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;
}

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

2 个答案: