定位

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

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

  1.     取消定位  跟浮动的float：none是一样的   取消浮动

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

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

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

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

子绝父相：

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

子盒子在父盒子居中显示

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

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

版权声明：本文为gaoguowen原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/gaoguowen/p/9620790.html