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

固定层效果

难度初级
时长32分
学习人数
综合评分9.67
353人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.5 逻辑清晰
  • absolute与fixed不同点
    查看全部
  • absolute与fixed相同点
    查看全部
  • 四种定位属性
    查看全部
  • margin选择器设置的属性会和fixed属性设置重叠,导致<body>层与浏览器可视化窗口产生间距。在标准文档流中,两个元素,上外边距和上外边距,或者上外边距和下外边距相遇时,当两个标签都在标准文档流中时,会选择较大的上外填充。
    查看全部
  • 在元素设置固定定位时,如果希望本元素包含其父包含快中,则不需要对其设置偏移量。
    查看全部
    0 采集 收起 来源:偏移量的设置

    2016-06-02

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

    2016-06-02

  • absolute与fixed相同点:<br> 1.完全脱离标准文档流<br> 2.未设置偏移量时,都定位在父元素的左上角 偏移量----元素设置定位(绝对或相对)后,就具有偏移属性和堆叠属性(z-index)
    查看全部
  • 绝对定位:完全脱离标准文档流,兄弟元素不再受其影响
    查看全部
  • margin的重叠 1.由于给top选择器设置fixed固定定位时,(top层已经脱离了标准文档流)没有对其设置偏移量,以其父包裹层定位,(当top选择器fixed固定定位设置了偏移量时,则top层的位置按照所设置的偏移量的位置定位),而其父包裹层body的margin与mainbody的上margin值发生了重叠,(此时的body与mainbody属于标准文档流)mainbody的上margin值大于body的margin值,选择了mainbody的上margin值20px(标准文档流中上下margin发生重叠时选择margin值大的那个)所以body下移20px;top层又以body层定位,从而导致了top层与浏览器可视窗口产生了距离。为了保持top层与浏览器窗口紧挨着,则需对maibody或者body层当中数值较大的值进行调节。
    查看全部
  • @顶部固顶层关键点 【温馨提示:Java、Jsp、Android、JS等编程爱好者可以联系Q:********,互相学习,共同进步!】
    查看全部
    0 采集 收起 来源:总结

    2016-08-25

  • @Fixed定位 【温馨提示:Java、Jsp、Android、JS等编程爱好者可以联系Q:********,互相学习,共同进步!】
    查看全部
    0 采集 收起 来源:总结

    2016-08-25

  • @absolute与fixed的不同点 【温馨提示:Java、Jsp、Android、JS等编程爱好者可以联系Q:********,互相学习,共同进步!】
    查看全部
  • @absolute与fixed的不同点 【温馨提示:Java、Jsp、Android、JS等编程爱好者可以联系Q:********,互相学习,共同进步!】
    查看全部
  • @absolute与fixed相同点 【温馨提示:Java、Jsp、Android、JS等编程爱好者可以联系Q:********,互相学习,共同进步!】
    查看全部
  • 绝对定位特点【absolute与fixed同属于绝对定位,只是表现形式不一样】:完全脱离标准文档流,兄弟元素不再受其影响。 Ps1:position 定位拥有 5 种形式:absolute、fixed、relative、static和inherit。 Ps2:已经定位元素:五种形式中被其中一种属性定位过的元素。 Ps3:浏览器的可视窗口:以<html>标签开始计算的范围。 Ps4:对元素设置固定定位时,如果希望本元素包含其父包含块中,不需要对其设置偏移量。 Ps5: position:fixed;top:0;//紧贴上部 position:fixed;bottom:0;//紧贴下部 Ps6:margin的重叠:由于给top选择器设置fixed固定定位时,(top层已经脱离了标准文档流)没有对其设置偏移量,以其父包裹层定位,(当top选择器fixed固定定位设置了偏移量时,则top层的位置按照所设置的偏移量的位置定位),而其父包裹层body的margin与mainbody的上margin值发生了重叠,(此时的body与mainbody属于标准文档流)mainbody的上margin值大于body的margin值,选择了mainbody的上margin值20px(标准文档流中上下margin发生重叠时选择margin值大的那个)所以body下移20px;top层又以body层定位,从而导致了top层与浏览器可视窗口产生了距离。为了保持top层与浏览器窗口紧挨着,则需对top层的固定定位设置偏移量top:0;。 【温馨提示:Java、Jsp、Android、JS等编程爱好者可以联系Q:********,互相学习,共同进步!】
    查看全部

举报

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

微信扫码,参与3人拼团

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

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