css 定位

一、css的三种定位属性

1. 相对定位 position: relative;

元素相对于自己原来的位置，进行位移。

特性：

​ 1,不脱离文档流;其他元素不受影响

​ 2,相对于自己的文档流上下左右定位

​ 3,层级高于其他元素

​ 4,使用属性:top bottom left right。

属性值

指的是向哪个方向留出多少距离，例如left:50px;在左边留出50px,元素右移。和margin差不多意思。

我们给出两个div，div1加上相对定位看效果。

<style type="text/css">body{margin: 0px;}/*相对定位：相对于自己原来的位置*/.div1{/*position: relative;left: 50px;top: 50px;*/width: 200px;height: 200px;border: 1px solid red;/*background-color: red;*/}.div2{width: 200px;height: 200px;border: 1px solid red;/*background-color: yellow;*/}</style><div><div>div1</div><div></