CSS 定位相关属性 :position

时间:2017-03-08 10:59:45   收藏:0   阅读:141

我们平时经常用margin来进行布局,但是遇到一些盒子不规律布局时,用margin就有点麻烦了,这个时候我们可以用position。

position:参数

参数分析: 一、absolute: 相对父元素进行定位,可以与其它盒子重叠,可以用z-index来设置重叠顺序。

               二、relative:相对于其正常位置(正常文档流)进行定位,对象不可层叠。

               三、fixed:相对于浏览器窗口进行定位。

               四、inherit:从父元素继承 position 属性的值,需要注意的是任何的版本的 Internet Explorer 都不支持属性值 "inherit"

               五、static:默认值,没有定位。

用"left", "top", "right" 以及 "bottom" 进行位置偏移。

定位使用通常是父级定义position:relative定位,子级定义position:absolute绝对定位属性

注意:

一、同一对象position定位与float浮动不能同时使用。

二、left(左)和right(右)在一个对象只能选一种定义,bottom(下)和top(上)也是在一个对象只能选一种定义,好比一个人不能又高又矮一样。

原文:http://www.cnblogs.com/xsphehe/p/6518074.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!