css中的四种定位方式示例介绍

复制代码代码如下:

*{
margin:0px;
padding:0px;
}

.div1{
border:1px solid red;
background:silver;
width:60px;
height:30px;
float:left;
margin-left:5px;
}
.div2{
position:relative;
left:10px;
top:10px;
width:100px;
height:80px;
background:pink;
float:left;
margin-left:5px;
}

#spe{
position:relative;
top:40px;
left:20px;
}

#spe2{
position:absolute;
top:40px;
left:20px;
}

#spe{
position:fixed;
top:40px;
left:20px;
}


[html] view plaincopy在CODE上查看代码片派生到我的代码片





内容1
内容3
内容4

内容2