day06

一.CSS中的定位

1.1相对定位(relative)

相对定位就是元素在页面上正常的位置


1.2绝对定位

绝对定位的元素移动的位置,是离它最近的给了定位的父元素



       

二.元素垂直水平居中

子元素left,top的值给百分比是相对于父元素的width,height而言的
步骤:①先设置父元素为相对定位
②设置子元素为绝对定位




    

三.用position实现搜索框

步骤:①先设置父元素search为相对定位,设置宽高
②设置子元素button为绝对定位,设置宽高,根据高来设置margin-top,使其高度居中




    

四.固定定位

元素相对于网页静止,滚动不改变位置


五.z-index

z-index设置给了absolute定位元素的堆叠顺序,设置值不小于100,值越大,就堆叠在最前面