不太懂

来源:4-1 图片图标绝对定位覆盖

Keyro

2014-12-04 20:15

我也听的满头雾水,确实不太好懂

写回答 关注

3回答

  • 慕娘2896124
    2015-12-30 22:04:42

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

  • 慕娘2896124
    2015-12-30 22:02:31

    是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里面设置了左浮动。以及宽度。

  • 慕娘2896124
    2015-12-30 21:44:10

      具体是哪里不懂呢?

CSS深入理解之absolute

理解CSSposition:absolute声明,掌握position:absolute高级应用

51956 学习 · 254 问题

查看课程

相似问题