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 class="div1">div1div><div class="div2">

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！