13_定位布局.txt

标签：13_定位布局.txt

定位布局position

position:static/absolute/relative

static静态定位，默认值，一般不用。

absolute绝对定位，将对象从文档流中分离出来，通过设置left,right,top,bottom四个方向

相对于父级对象进行绝对定位。如果不存在这样的父对象，则依据body对象。

relative相对定位，对象不从文档流中分离，通过设置left,right,top,bottom四个方向

相对于自身位置进行相对定位。

当我们要想使用绝对定位时，必须要有两个条件：

1.必须给父元素加定位属性，一般建议使用position:relative;

2.给子元素加绝对定位position:absolute;同时要加方向属性。

------------------------

绝对定位与相对定位区别：

绝对定位是以父元素为基准点，进行定位。-----会脱离文档流

相对定位是以自身为基准点，进行定位。-------离开原来位置，但还占着原来的空间

13_定位布局.txt

标签：13_定位布局.txt

原文地址：http://1154179272.blog.51cto.com/10217799/1657213