相對(duì)定位
- 1相對(duì)定位是相對(duì)自己的原本的位置定位
position:relative;
絕對(duì)定位
2在父級(jí)的基礎(chǔ)上的絕對(duì)的位置（與其給了定位的離得最近的父級(jí)）
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值給百分比,是相對(duì)于父元素的width,height而言的
top:50%;
margin-left:-25px;（height的一半）
margin-top: -25px;
}
- 6弧度
border-radius - 7堆疊順序
z-index
設(shè)置給了absolute定位元素的堆疊順序
數(shù)字越大，順序越前鲫尊，越先顯示
