zoukankan      html  css  js  c++  java
  • 定位网页元素

    一.定位--position属性
    1.static:默认值 没有定位--以标准文档流方式显示
    2.relative:相对定位--相对自身原来的位置进行偏移(top left right bottom)
    3.absolute:绝对定位
    4.fixed:固定定位

    二.相对定位元素的规律
    1.设置相对定位的盒子会相对它原来的位置,通过指定偏移到达新的位置
    2.设置相对定位的盒子仍在标准文档流中,它对父级盒子和相邻盒子都没有影响

    三.绝对定位-- absolute属性
    1.偏移位置:left right top bottom
    2.使用了绝对定位的元素以它最近的一个“已经定位”的“祖先元素”为基准进行偏移,
    如果没有已近定位的“祖先元素”那么会以为浏览器为基准进行偏移
    3.绝对定位的元素从标准文档流中脱离,这意味着它们对其他元素的定位不会造成影响
    4.绝对定位不设置偏移量元素将保持原来的位置,但脱离标准文档流

    四.调整元素定位重叠层的上下位置
    1.z-infex属性值:整数默认值为0
    2.设置position属性时z-iindex属性可以设置各元素之间的重叠高低关系
    3.z-index值大的层位于其小的层上方

    五.网页透明度
    (除IE浏览器) opacity:X X值越小透明度越大 X:0-1
    (IE浏览器) filter:alpha(opacity=X) X值越小越透明 X值为0-100

  • 相关阅读:
    webpack 4.X 基础编译
    一个数组中两个数的和为N,找出这两个数字的下标
    Mybatis自动生成,针对字段类型为text等会默认产生XXXXWithBlobs的方法问题
    Docker Mysql
    Docker镜像Push到DockerHub
    E: Unable to locate package git
    linux解压类型总结
    docker安装gitlab
    Docker应用
    解决github访问及上传慢的问题
  • 原文地址:https://www.cnblogs.com/pohuaiwang/p/6927498.html
Copyright © 2011-2022 走看看