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

Question

所以我刚刚开始我的网页设计师职业生涯,现在正在完成我的第一个项目,我刚刚完成了第一页设计,但无论如何我对我创建的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;
}

问题是,这种方法是最佳做法吗？我的意思是,设置绝对位置,并手动配置顶部,左侧,右侧,底部位置,是否建议使用？

Answer 1

我认为你不必position: absolute为每一个因素付出代价,这并不好.您只能absolute用于特定情况.事实是,position: absolute将在任何地方放置一个元素并且它可能不流动,并且它不会影响流程中的任何其他元素或受其影响.您可以在此处详细了解定位:

1. 课程 - > http://www.codecademy.com/courses/web-beginner-en-6merh
2. 学习和样本 - > http://alistapart.com/article/css-positioning-101