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

固定层效果

难度初级
时长32分
学习人数
综合评分9.67
353人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.5 逻辑清晰
  • fixed 定位 实现关键法
    查看全部
    0 采集 收起 来源:总结

    2016-03-28

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

    2016-03-28

  • margin:0 auto;水平居中,使顶部和底部与浏览器无间距。 如果在定位某一个块的时候,这个块产生了margin重叠,导致这个块和浏览器顶部边框有间距时,可以用top:0清楚间距 overflow:hidden会清除浮动
    查看全部
    0 采集 收起 来源:编程练习

    2016-03-28

  • margin:0 auto;水平居中,使顶部和底部与浏览器无间距。
    查看全部
    0 采集 收起 来源:编程练习

    2016-03-28

  • 为目标A设置fixed属性后,A脱离标准文本层,紧随其后的对象B会自动补齐其原来A所占的高度,即上移/下移A的高度;当A、B的margin有重叠时,取两者中的较大值。设置步骤:A添加fixed属性,将A top值改为0,B的margin值为原值加上A的height。
    查看全部
    0 采集 收起 来源:编程练习

    2016-03-28

  • 任务1:margin:0 auto; 任务2:position:fixed;top:0; 任务3:margin-top:63px;(因为top的border只有bottom一条边为1px,top自身height为42px) 所以:42+1+20=63px
    查看全部
    0 采集 收起 来源:编程练习

    2016-03-28

  • 保持在父元素内
    查看全部
    0 采集 收起 来源:偏移量的设置

    2016-03-27

  • absolute与fixed不同点
    查看全部
  • absolute与fixed
    查看全部
  • 绝对定位的特点
    查看全部
  • fixed 定位 实现关键
    查看全部
    0 采集 收起 来源:总结

    2016-03-26

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

    2016-03-26

  • absolute与fixed的不同点: 设置偏移量时: absolute: 1、无已定位祖先元素,以html为基准; 2、有已定位祖先元素,以距其最近,已定位的祖先元素为基准。 fixed:有无已定位祖先元素都以浏览器可视窗口为基准偏移。 表现形式(产生滚动条时): absolute:位置随滚动条变化; fixed: 1、位置不随滚动条变化; 2、被其遮盖的元素可从其下穿过
    查看全部
  • 解决mainbody与top层的重叠
    查看全部
    0 采集 收起 来源:总结

    2016-03-26

  • 关于 fixed 定位和 absolute 定位,老师在一个细节上犯了错误: 元素设置了 fixed 定位和 absolute 定位后,当未设置偏移量时,元素的位置为正常文档流中的初始位置。 而不是老师所讲的: 父元素的左上角,或者 有已定位祖先元素 以祖先元素为基准定位;无已定位祖先元素 以浏览器窗口为基准定位。 我发现关于 position 都是同一位老师讲的,但是在未设置偏移量这点上,始终是错误甚至前后矛盾的。特此详细说明,如有错误,望指正: position:absolute 1.一般特点: ①建立了以包含块为基准的定位; ②完全脱离了文档流; ③随即拥有了偏移属性和 Z-index 属性; ④隐性改变 display 类型为 inline-block. 2.未设置偏移量的位置: 无论是否存在已定位的祖先元素,初始位置不变。 3.设置偏移量的位置: ①无已定位的祖先元素,以<html>为偏移参考基准; ②有已定位的祖先元素,以距其最近的已定位祖先元素为偏移参考基准。 position:fixed 1.一般特点: ①建立了以浏览器可视窗口为基准的定位; ②完全脱离了文档流; ③随即拥有了偏移属性和 Z-index 属性; ④隐性改变 display 类型为 inline-block. 2.未设置偏移量的位置: 无论是否存在已定位的祖先元素,初始位置不变。 3.设置偏移量的位置: 以浏览器可视窗口为基准偏移;
    查看全部
    0 采集 收起 来源:总结

    2018-03-22

举报

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

微信扫码,参与3人拼团

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

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