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 父容器使用相对定位,子元素使用绝对定位后,这样子元素的位置不再相对于浏览器左上角,而是相对于父窗口左上角

     

  • 相关阅读:
    微信 ios端config配置失败 android端正常
    vscode离线安装插件
    win7中vscode会黑屏或者终端空白,无法输入
    vue中使用svg图片
    a.download下载文件 ---跨域问题
    background 背景图片 --css3
    box-shadow
    兄弟伪类
    canvas画时钟
    轮播图--使用原生js的轮播图
  • 原文地址:https://www.cnblogs.com/xuedong/p/4969167.html
Copyright © 2011-2022 走看看