zoukankan      html  css  js  c++  java
  • css 知识概括

    1:  span 标签设置width属性  需要让span:display:block;   当span 有float 和定位样式的时候 不需要添加。

    2:  定位:

      position:relative, fixed, absolute;常用定位

      position:absolute;和float:left 都会让元素inline-block;例如div默认100%宽度 就会变成内部元素宽度。

      absolute 布局部分可以使用margin 来代替  相对于 body 来说的定位。

      absolute 隐藏 可以用top来定位给大负值  或者用 visibility:hidden;

      1 position:relative;

        首先它将出现在它所在的位置上。然后通过设置垂直或水平位置,让这个元素"相对于"它的原始起点进行移动。无论是否进行移动,元素仍然占据原来的空间。因此,移动元素会导致它覆盖其他框
      2 position: absolute;

        表示绝对定位,位置将依据浏览器左上角开始计算。 绝对定位使元素脱离文档流,因此不占据空间。普通文档流中元素的布局就像绝对定位的元素不存在时一样因为绝对定位的框与文档流无关,所以它们可以覆盖页面上的其他元素并可以通过z-index来控制它层级次序。z-index的值越高,它显示的越在上层

        绝对定位:ablution 脱离了文档流与浮动模型,独立于其他对象而存在,没有占位。
      3 父容器使用相对定位,子元素使用绝对定位后,这样子元素的位置不再相对于浏览器左上角,而是相对于父窗口左上角

     

  • 相关阅读:
    测试工作效率低思考和改进
    Linux环境变量配置方法
    Linux上error while loading shared libraries问题解决方法
    PyCharm工具配置和快捷键使用
    Linux chattr和lsattr命令使用方法
    PuTTY工具配置和使用方法
    Python+AutoIt实现界面工具开发
    我对测试工作的一些认识
    Windows终端工具_MobaXterm
    Cygwin工具安装和使用指导书
  • 原文地址:https://www.cnblogs.com/xuedong/p/4969167.html
Copyright © 2011-2022 走看看