zoukankan      html  css  js  c++  java
  • css position 定位模式

     定位

    定位模式: static  relative  absolute fixed
    边偏移 :top bottom left right 
    一般的定位必须要有定位模式以及边偏移

    static 静态定位 默认的定位模式 没有边偏移

        取消定位  跟浮动的float:none是一样的   取消浮动

    position:relative 相对于原来的位置 原来的位置是有占位的 有边偏移 没有脱离标准流的

    top :距离原来的顶部多少个px
    left:距离原来的左边位置...个px

    绝对定位 不占有原来的位置 脱离标准流

    如果父亲没有定位 我们相当于找的是可视区域 client
    如果父盒子有定位,找的是父盒子(相对于父盒子的定位)

    子绝父相:

     
    1.父盒子由于需要占用位置应该使用相对定位(没有脱离标准流)
    2.子盒子由于要显示层级效果应该使用绝对定位(已经脱离标准流)

    子盒子在父盒子居中显示

    1.父盒子和子盒子都有定位
    2.给子元素 left:50%;top:50%;
    3.给父元素的margin-top:-子元素高度的50%(比如子元素100px高度,就给-50px)
                            -子元素宽度的50%(比如子元素100px宽度,就给-50px)

    resize:none 这个单词可以防止 火狐 谷歌等浏览器随意的拖动 文本域 textare

  • 相关阅读:
    Beta/Gamma事后分析
    Gamma阶段发布说明
    Gamma阶段测试报告
    展示时测试Markdown渲染
    Gamma阶段项目展示
    [技术博客] 主题适配指南
    【Gamma】Scrum Meeting 10
    [技术博客]升级 API 面临的问题
    [技术博客] JS正则活学活用
    【Gamma】Scrum Meeting 9
  • 原文地址:https://www.cnblogs.com/gaoguowen/p/9620790.html
Copyright © 2011-2022 走看看