07position定位

2016-09-22  本文已影响0人  fa54021d36e2

position:relative;相对定位

1、不影响元素本身特性

2、不使元素脱离文档流

3、如果没有定位偏移量,对元素本身没有任何影响

定位元素位置控制:left/right/bottom/top定位元素偏移量

position:absolute;绝对定位

1、使元素完全脱离文档流

2、使内嵌支持宽高

3、块元素内容支持宽高

4、如果有定位父级则相对于定位父级移动,若没有定位父级,则相对于整个文档偏移

5、相对定位一般配合绝对定位使用

position:fixed;固定定位

与绝对定位相似,差别是固定定位始终相对于整个文档定位

问题:IE6不支持固定定位

z-index:number;定位层级

默认后者层级高于前者

不透明度

1、标准:opacity:0.5;

2、filter:alpha(opacity=50);

定位的兼容性

position:relative;

在 IE6 下父级的 overflow:hidden; 包不住子级的relative;

position:absolute;

在 IE6 下定位元素的父级宽高都为奇数那么在 IE6 下定位元素的 right 和 bottom 都有1像素的偏差。

position:absolute; 绝对定位元素子级的浮动可以不用写清浮动方法;

lposition:fixed;固定定位元素子级的浮动可以不用写清浮动方法;(IE6不兼容)

body和html是没有高度的

上一篇 下一篇

猜你喜欢

热点阅读