CSS position 属性
这个属性定义建立元素布局所用的定位机制,任何元素都可以定位,不过绝对和固定元素会生成一个块级,而不论元素本身是什么类型;
CSS 定位
值 | 描述 |
relative | 相对定位,相对于原来的位置,不脱离标准文档流 |
absolute | 绝对定位,脱离标准文档流,不保留原本的位置 |
fixed | 固定定位,相对于浏览器窗口进行定位 窗口滚动也不会移动 |
相对定位
相对定位元素的定位是相对其正常位置,可以移动的相对定位元素的内容和相互重叠的元素,它 原本所占的空间不会改变。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.box{
position: relative;
top: 50px;
left: 50px;
width: 300px;
height: 300px;
background-color: pink;
}
.box1{
width: 200px;