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

固定层效果

难度初级
时长32分
学习人数
综合评分9.67
353人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.5 逻辑清晰
  • .feedback{position:fixed;right:30px;bottom:50px;}
    查看全部
    0 采集 收起 来源:编程挑战

    2015-12-10

  • fixed定位特点、未设置偏移量、设置偏移量
    查看全部
    0 采集 收起 来源:总结

    2015-12-10

  • 固定定位须知: 1、如果希望包含在其直接父包含块中,则无需设置偏移量; 2、如果你设置了偏移量,那么会按照浏览器可视窗口进行定位。
    查看全部
    0 采集 收起 来源:偏移量的设置

    2015-12-10

  • absolute与fixed的不同点之表现形式
    查看全部
  • absolute与fixed的不同点之偏移参照标准
    查看全部
  • absolute与fixed相同点 第一,完全脱离标准文档流 第二,未设置偏移量时,都定位在父元素的左上角(不管其祖先元素有没有定位,结合下节课的内容,未设置偏移量时都在父元素的左上角,一旦设置了偏移量,就是相对最近的祖先元素来发生偏移),“离它最近的父元素” 偏移量————元素设置定位(绝对或相对)后 就具有偏移属性和堆叠属性(z-index)
    查看全部
  • absolute: 1、无已定位的祖先元素,以<html>为基准偏移 2、有已定位祖先元素(不管这个元素是相对定位还是绝对定位),以距起最近的、已定位的祖先元素为基准偏移(注意:是祖先元素而不是父元素) 3.位置会随滚动条变化 fixed: 1.有无已定位的祖先元素,都以浏览器的可视窗口为基准偏移 2.位置固定,不会随着滚动条变化 3.被他遮盖的元素,可以从其下穿过
    查看全部
  • 已知一 div 高 35px,紧邻其后的 X 元素上外边距为 15px,为该 div 设置 fixed 定位后——div与浏览器可视窗口上边界相距15px 解析:因为X元素15px的上外边距与body的0px上外边距信息重叠了,所以body也跟着下移15px;又因为,div在父元素body内,且没有设置偏移量,所以div相对其父元素body进行绝对定位 (当绝对定位,未设置偏移量时,显示在body元素的左上角)
    查看全部
    2 采集 收起 来源:练习题

    2015-12-09

  • 定位
    查看全部
  • abosolute与fixed的不同点 设置偏移量时,偏移参照基准 absolute 1.无已定位祖先元素,以<html>为基准偏移 2.有已定位祖先元素,以距其最近的、已定位的祖先元素为基准偏移 fixed 1.有、无已定位祖先元素,都以浏览器可视窗口为基本偏移 absolute 1,会随滚动条变化 fixed 1,位置固定,不会随滚动条变化 2,被他遮盖的元素,可以从其下穿过
    查看全部
  • absolute与fixed都是绝对定位,两者之间的不通点
    查看全部
  • 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层与浏览器窗口紧挨着,则需对top层的固定定位设置偏移量top:
    查看全部
  • 偏移量的设置:在对元素进行固定定位是,如果想让他保持在父包含块里面,就不需要设置偏移量
    查看全部
    0 采集 收起 来源:偏移量的设置

    2015-12-06

  • absolute&fixed表现形式的不同点: 1.absolute:会随滚动条滚动 2.fixed:不随滚动条滚动,被遮盖的部分随滚动可以显示
    查看全部
  • absolute与fixed的不同点: 1.absolute:无定位的父类时,以html标签为基准;有定位的父类时,以最近的定义了的父类为基准。 2.fixed:以窗口为基准
    查看全部

举报

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

微信扫码,参与3人拼团

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

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