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

因此，我刚刚开始我的职业生涯，作为一名网页设计师，从事我的第一个项目，我刚刚完成了第一个页面设计，但无论如何，我对我创建的css设计有些担心，主要是关于定位html元素。以下是代码示例：

.contentbackground
{
   background-image: url('../images/body/BG.png');
   width: 1218px;
   height: 370px;
   position: absolute;
   top: 205px;
   margin-left: 67px;
}
.loginbox
{
   width: 351px;
   height: 280px;
   position: absolute;
   top: 40px;
   right: -12px;
}
.lblLogin
{
   position: absolute;
   top: 85px;
   right: 265px;
   font-family: "Century Gothic";
   font-size: 16px;
   color: #FFFFFF;
}

---

问题是，这种方法是最佳实践吗？我的意思是，将位置设置为绝对位置，并手动配置顶部、左侧、右侧和底部的位置，建议这样做吗？

我认为您不必为每个元素设置

位置：绝对位置，这并不好。您只能在特定情况下使用
absolute
。事实是，
position:absolute
会将一个元素放在任何地方，它可能会流出，而不会影响或受到流中任何其他元素的影响。您可以在此处了解有关定位的更多信息：

课程->
学习和示例->
我认为你不必为每个元素都设置
位置：绝对值，这不好。您只能在特定情况下使用
absolute
。事实是，
position:absolute
会将一个元素放在任何地方，它可能会流出，而不会影响或受到流中任何其他元素的影响。您可以在此处了解有关定位的更多信息：

课程->
学习和示例->
你能给我们看一下结果吗？你是说图像结果吗？我不建议对所有元素都这样做，因为在不同的屏幕大小上渲染会很痛苦。使用相对放置的元素，只在需要的地方使用绝对位置（即重叠元素）@AbieGiordano，Aldiunato的意思是（我认为）一个类似JSFIDLE的html代码的工作示例。这取决于您试图做什么。但总的来说，我会说这是一个糟糕的做法。你能给我们看结果吗？你是说图像结果吗？我不建议对所有元素都这样做，因为在屏幕大小上渲染会很痛苦。使用相对放置的元素，只在需要的地方使用绝对位置（即重叠元素）@AbieGiordano，Aldiunato的意思是（我认为）一个类似JSFIDLE的html代码的工作示例。这取决于您试图做什么。但总的来说，我会说这是一种不好的做法