定位样式:position
绝对定位:absolute
相对定位:relative
固定定位:fixed(设置固定定位本身层级不会发生任何变化 但是坐标会默认为浏览器)
z-index:改变元素层级关系(值必须是整数)
定位与浮动的区别:
1.浮动元素下不允许有文字等行内元素 定位可以有
浮动可以实现文本环绕 定位不会
<style>
body{
margin:0;
}
.father{
/*position:relative;*/
width: 500px;
height: 500px;
background-color: #eeeeee;
margin:50px auto 0;
}
.son1{
position:absolute;
width: 100px;
height: 100px;
background-color: red;
}
.son2{
/* position:absolute;*/
width: 150px;
height: 150px;
background-color: green;
}
.son3{
/*position:absolute;*/
width: 200px;
height