day6（定位）

相对定位

• 1相对定位是相对自己的原本的位置定位
  position:relative;

绝对定位

• 2在父级的基础上的绝对的位置（与其给了定位的离得最近的父级）
  position:absolutive；

• 3div悬浮在屏幕上
  position:fixed;

• 4搜索框格式

      <div class="search">
        <input> 
        <button></button>
      </div>
  

• 5 定位垂直居中

  
  1.png

 .parent{
            position: relative;
            width:300px;
            height:300px;
            background:red;
        }
        .child{
            position:absolute;
            width:50px;
            height:50px;
            background:green;
            left:50%;子元素left,top值给百分比,是相对于父元素的width,height而言的
            top:50%;
            margin-left:-25px;（height的一半）
            margin-top: -25px;
        }

• 6弧度
  border-radius
• 7堆叠顺序
  z-index
  设置给了absolute定位元素的堆叠顺序
  数字越大，顺序越前，越先显示