zoukankan      html  css  js  c++  java
  • 定位属性

    1,定位方式相关属性

          position取值:

                    1.static:默认,静态定位

                    2.relative:相对定位

                    3.absolute:绝对定位

                    4.fixed:固定定位

    2.与定位位置相关的属性

          top

          bottom

          left

          right

          已像素为单位的值

    3.堆叠顺序

          z-index:value

          值越大越靠近用户          

    4.static 

           页面中的默认定位方式,

    5.相对定位

            相对于当前元素本身出现的位置而实现的一种定位方式

               实现方式:position:relative 

               通过 top bottom left right 来实现位置移动

           使用场合:

               1.会进行位置的微妙的调整

               2.配合着绝对定位使用

    6.绝对定位

          特点:脱离文档流,不占据也页面空间

           定位位置:相当于【最近】的【已定位】的【祖先】元素

                     如果没有祖先元素进行定位,那它的位置就是body

           <nav>

               <div>

                     <p> </p>

               </div>

            </nav>

       已定位:非static,指的是telative ,absolute,fixed

       祖先元素p的祖先元素div,nav

        实现方式:position:absolutel

        top, bottom,left,right位置的偏移量,相对于最近的已定位的祖先元素去偏移

       使用场合:

         1.弹出菜单的位置

            所有的弹出的菜单都是据对定

        

    7,固定定位

        将元素固定在页面上的某一个位置,不随滚动条的滚动而发生变化

        语法:

              position:fixed;

              top,bottom,left,tight

          它永远相对于body定位。

       

  • 相关阅读:
    hg下拉和上传代码
    PC下ubuntu查找PC串口并加入用户组
    pyserial安装
    profile, bashrc, source, setup.*sh
    另一篇xtion、kinect选择比较(openni下)
    OpenCV、PCL;Xtion、kinect;OpenNI、kinect for windows SDK比较
    ROS安装环境配置及多版本的切换
    ubuntu安装软件或upgrade出现 You might want to run 'apt-get -f install' to correct these
    树莓派静态IP配置
    android之MP3播放器(1)
  • 原文地址:https://www.cnblogs.com/qulb/p/5896935.html
Copyright © 2011-2022 走看看