提醒一点是。最后的效果。（登陆邮箱）这个内容的位置是在.sar内容的位置。也就是原*的位置。

是absolute的运用不懂吗？

这个很好理解的。

就像是设定了absolute;

你会用PS吗？

PS里面是一层一层叠加成为图片的。

元素设置了absolute后，就相当于PS中的新建了一层。后面的元素就会占用设置了absolute的元素位置。

例如，

*登陆邮箱

我们把*设置在一个class里面。——<span class="star">*</span>

.star{positon:absolute;margin-left:-1em; color:red;}

我们把内容《登陆邮箱》设置在一个class里面——<label class="label_mail">登陆邮箱</label>

.label_mail{width:70px;padding-top: 10px; float: left;}

absolute的特性是：位置跟随。以及脱离标准文档流。（类似PS里面新建了一层。最后的图就相当于是我们的网页最后的效果。）还记得吗？

最后的效果就是：* 登陆邮箱。（之间有一个空格。要下面的其他登陆框都对齐，所以在label_mail里面设置了左浮动。以及宽度。）

  具体是哪里不懂呢？