定位（html+css）
定位的作用
定位在html中，是用来布局的。
定位 = 模式 + 位移；
定位的分类
- relative：相对定位
相对定位是元素相对于它 原来在标准流中的位置 来说的。- absolute：绝对定位
绝对定位是元素以带有定位的父级元素来移动位置- fixed：固定定位
固定定位是绝对定位的一种特殊形式
定位解决的问题：
- 将下图的竖着的四个盒子变成横着的：
解决
<head>
<meta charset="UTF-8">
<title>浮动</title>
<style>
div{
width: 200px;
height: 200px;
font-size: 25px;
text-align: center;
}
div:nth-child(1){
position: absolute;
}
div:nth-child(2){
position: absolute;
left: 208px;
}
div:nth-child(3){
position: absolute;
left: 408px;
}
div:nth-child(4){
position: absolute;
left: 608px;
}
</style>
</head>
<body>
<div style="background: #6dff73">盒子1</div>
<div style="background: #e187ff">盒子2</div>
<div style="background: #ff4f51">盒子3</div>
<div style="background: #ff8d24">盒子4</div>
</body>
结果图：
通过定位和移动的位置，就可以改变布局！
572
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
