为了账号安全,请及时绑定邮箱和手机立即绑定

固定层效果

难度初级
时长32分
学习人数
综合评分9.67
353人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.5 逻辑清晰
  • 绝对定位 特点:完全脱离标准文档流,兄弟元素不再受其影响
    查看全部
  • position属性值: static--静态定位 relative--绝对定位 fixed--固定定位
    查看全部
  • position、3种定位形式
    查看全部
  • 如果将一个元素设置为绝对定位,在没有设置偏移量的情况下,它们会被放置在直接父元素的左上角,而不用考虑这个父元素是否已经定位,但是一旦设置了偏移量,那么它们就会相对于最近的一个已经定位的父元素或者是html元素进行定位。
    查看全部
  • 顶部固定层关键
    查看全部
    0 采集 收起 来源:总结

    2016-04-04

  • fixed定位特点
    查看全部
    0 采集 收起 来源:总结

    2016-04-04

  • 文档流中,当两个垂直边界(margin-top或margin-bottom)相遇时,它们将形成一个边界。这个边界的高度等于两个发生叠加的边界的高度中的较大者。详细请百度。 补充解决方案: 1.外层padding 2.透明边框border:1pxsolidtransparent; 3.绝对定位postion:absolute: 4.外层DIVoverflow:hidden; 5.内层DIV 加float:left;display:inline; 6.外层DIV有时会用到zoom:1;
    查看全部
  • 固定定位时候,希望不脱离父级 就别家偏移量
    查看全部
    0 采集 收起 来源:偏移量的设置

    2016-04-04

  • 对,只有元素在设置相对定位,或者绝对定位后,此属性才有效,它的作用是设置元素所在的z轴层级。z-index值越大,元素层级越大。
    查看全部
    0 采集 收起 来源:练习题

    2016-04-04

  • 第二个不同点
    查看全部
  • position和fixed相同点: 1.设置了之后都会使元素脱离标准文档流; 2.未对其设置偏移量时,元素都位于直接父元素的左上角; position和fixed不同点: 1.position,设置了偏移量后,如果无已定位父元素,则以html为基准进行偏移,如果有已定位父元素则根据最近的已定位父元素进行偏移; 2.fixed,设置了偏移量后,根据浏览器可视窗口进行定位;
    查看全部
  • 绝对定位特点 脱离文档流
    查看全部
  • Fixed 定位属性: 定位形式——绝对定位 特点——位置固定不变,兄弟元素会从其下穿过 *未设置偏移量时: 有已定位祖先元素 以祖先元素为基准定位; 无已定位祖先元素 以浏览器窗口为基准定位。 *设置偏移量时,有、无已定位祖先元素,都以浏览器窗口为基准偏移。
    查看全部
    0 采集 收起 来源:总结

    2016-04-04

  • 只有元素在设置相对定位,或者绝对定位后,z-index 属性才有效。 它的作用是设置元素所在的z轴层级。z-index 值越大,元素层级越大。
    查看全部
    0 采集 收起 来源:练习题

    2016-04-04

  • absolute 与 fixed 的不同点: 表现形式(产生滚动条时) absolute 位置会随滚动条变化 fixed 位置固定,不会随滚动条变化
    查看全部

举报

0/150
提交
取消
课程须知
1.您需要掌握简单的html+css相关知识 2.对position定位有简单的认识
老师告诉你能学到什么?
1.position属性中绝对定位(absolute)和固定定位(fixed)的区别 2.偏移量的设置 3.固定层效果的如何实现

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!