使用css定位html元素的最佳实践

我对CSS的声音不大,但是使用它.

我一般用户样式元素用inline或css方法来定位元素.

我不知道这是否是正确的问题,但相对或绝对哪种方法对位置元素有好处？

我使用style =“position：relative; left：100px; top：30px”这样的东西.

这是正确的定位方式,以便它在所有浏览器和移动设备中看起来完全相同吗？

我很感激,如果有人可以提供他的经验和指导,这可能会帮助更多的初学者！

绝对定位独立于其父级.

当父级具有相对位置时,具有绝对定位的子级相对于其父级放置.

例如,

对于绝对定位,

<div><div style="position:absolute; top:0; left:0;">Abc</div></div>

以上将使div独立于顶部,对父母没有任何影响.

对于相对位置,

<div style="position:relative;"><div style="position:absolute; top:0; left:0;">Abc</div></div>

以上将使绝对定位的元素相对并依赖于它们的父元素.