码迷,mamicode.com
首页 > Web开发 > 详细

css 定位

时间:2018-04-07 15:02:38      阅读:246      评论:0      收藏:0      [点我收藏+]

标签:class   滚动   otto   属性   css   分享图片   abs   lin   bottom   

  •   relative:位置通过top,right,bottom,left这4个定位偏移属性进行偏移。

          注:其他的对象如果设置了悬浮,会保留设置了relative 的对象宽度的位置(对象未脱离文本流),如果4个偏移量设置不正确会导致元素重叠。

    技术分享图片技术分享图片

  •    static:设置了position: static,4个偏移量属性将会失效。
  •    absolute:对象脱离常规流,4个偏移量设置不正确还是会导致元素重叠,但是不会空出原本的位置,上图的问题将不会存在。

     技术分享图片

  •    fixed:和absolute一样的效果。

    注:不会随着滚动条的滚动而消失,会绝对固定在你设置的偏移量的位置上。

    技术分享图片

 

css 定位

标签:class   滚动   otto   属性   css   分享图片   abs   lin   bottom   

原文地址:https://www.cnblogs.com/zhuzy/p/8733075.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!