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

固定层效果

难度初级
时长32分
学习人数
综合评分9.67
353人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.5 逻辑清晰
  • 什么时候该设置偏移量? 在对元素设置固定定位时,如果希望本元素包含在其父包含块中,不需要对其设置偏移量。 {position: fixed;}没有设置偏移量的方向依然会保持在父包含块。 也就是说: 在其没有设置偏移量的时候,偏移量参数值默认为当前fixed的元素与浏览器可视窗口的偏移数值! 同理,对于{position: absolute;}的元素也是一个道理,没有设置的偏移量数值默认为当前其相对于最近的有{position: relative;}的祖先元素的偏移数值
    查看全部
    0 采集 收起 来源:偏移量的设置

    2015-09-01

  • ……………………
    查看全部
    0 采集 收起 来源:编程挑战

    2015-08-31

  • 现在是不练习提交不了了
    查看全部
    0 采集 收起 来源:练习题

    2015-08-31

  • 不同点————表现形式(产生滚动条时) absolute: 位置会随滚动条变化; fixed: 1.位置固定,不会随滚动条变化; 2.被他遮盖的元素,可以从其下穿过;
    查看全部
  • absolute和fixed的不同点 absolute: 1,无已定位祖先元素,以<html>为基准偏移; 2,有已定位祖先元素,以距其最近的、已定位的祖先元素为基准偏移; fixed: 1,有、无已定位祖先元素,都以浏览器的可是窗口为基准偏移;
    查看全部
  • absolute和fixed相同点 1,完全脱离文档流。 2,未设置偏移量时,都定位在父元素的左上角(离他最近的父元素),偏移量——元素设置的定位(绝对定位)后,就具有便宜属性和堆叠属性(z-index);
    查看全部
  • ......
    查看全部
    0 采集 收起 来源:编程挑战

    2015-08-30

  • 固定定位:position:fixed 固定定位是相当于“当前窗口”来进行的定位。 固定定位元素不再占空间,层级要高于普通元素,跟“浮动”很像。 固定定位元素,是一个“块元素”,换句话说,行内元素使用fixed定位,将转成“块元素”。 如果只指定了fixed定位属性,并没有设置偏移量,则“原地不动”。 绝对定位absolute   绝对定位元素,相对于“祖先定位元素”进行的定位。 如果父元素没有定位属性的话,则再往上找父定位元素,如果一直找到<body>元素,都没有找定位元素的话,则最终就相对于body来定位。 如果父元素是定位元素(相对或绝对)的话,那么绝对定位元素,就相对于该父元素进行定位。   绝对定位元素,不再占空间,层级要高于普通元素。   绝对定位元素,是一个“块元素”。   如果只指定absolute定位,并没有设置偏移量,则元素的位置不会改变(原地不动)。
    查看全部
    0 采集 收起 来源:总结

    2018-03-22

  • 固定层效果(案例实现关键)
    查看全部
    0 采集 收起 来源:总结

    2015-08-29

  • 固定层效果(总结)
    查看全部
    0 采集 收起 来源:总结

    2015-08-29

  • 在普通文档流中,当垂直方向上的两个外边距(上、下)相遇时,会发生外边距合并,最后的外边距取两个外边距较高的值。这种合并现象发生在普通文档流的块级元素上,而行内框、浮动框以及定位框则不会受影响。
    查看全部
    1 采集 收起 来源:练习题

    2015-08-29

  • 已知一 div 高 35px,紧邻其后的 X 元素上外边距为 15px,为该 div 设置 fixed 定位后——div与浏览器可视窗口上边界相距15px 解析:因为X元素15px的上外边距与body的0px上外边距信息重叠了,所以body也跟着下移15px;又因为,div在父元素body内,且没有设置偏移量,所以div相对其父元素body进行绝对定位 (当绝对定位,未设置偏移量时,显示在body元素的左上角)
    查看全部
    0 采集 收起 来源:练习题

    2015-08-29

  • 偏移量的设置
    查看全部
    0 采集 收起 来源:偏移量的设置

    2015-08-29

  • absolute与fixed的不同点(二)
    查看全部
  • absolute与fixed的不同点(一)
    查看全部

举报

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

微信扫码,参与3人拼团

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

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