position:relative|absolute|fixed:各自的特性
2016-09-16 17:39
302 查看
☆position:relative;
1、不影响元素本身的特性;
2、不使元素脱离文档流(元素移动之后原始位置会被保留);
3、如果没有定位偏移量,对元素本身没有任何影响;
4、提升层级
☆position:absolute;
1、使元素完全脱离文档流;
2、使内嵌支持宽高;
3、块属性标签内容撑开宽度;
4、如果有定位父级相对于定位父级发生偏移,没有定位父级相对于document发生偏移;
5、相对定位一般都是配合绝对定位元素使用;
6、提升层级
☆position:fixed:
与绝对定位的特性基本一致,差别是:始终相对整个文档进行定位;
(IE6不支持固定定位;)
<mark>妙味课堂</mark>
1、不影响元素本身的特性;
2、不使元素脱离文档流(元素移动之后原始位置会被保留);
3、如果没有定位偏移量,对元素本身没有任何影响;
4、提升层级
☆position:absolute;
1、使元素完全脱离文档流;
2、使内嵌支持宽高;
3、块属性标签内容撑开宽度;
4、如果有定位父级相对于定位父级发生偏移,没有定位父级相对于document发生偏移;
5、相对定位一般都是配合绝对定位元素使用;
6、提升层级
☆position:fixed:
与绝对定位的特性基本一致,差别是:始终相对整个文档进行定位;
(IE6不支持固定定位;)
<mark>妙味课堂</mark>
相关文章推荐
- CSS position relative absolute fixed
- CSS position属性的四个值:static,absolute,fixed,relative
- CSS中position属性( absolute | relative | static | fixed )详解
- CSS中position属性( absolute | relative | static | fixed )详解
- Html position中的 absolute relative static fixed的区别和理解
- 【唯一讲明白的】CSS中position属性( absolute | relative | static | fixed )详解
- css属性position: static|relative|absolute|fixed|sticky简单解析
- Html position(static | absolute | fixed | relative)定位
- CSS中position属性( absolute | relative | static | fixed )详解
- CSS的定位即position属性的值有4种:static,relative,absolute,fixed
- css——Position属性四个值:static、fixed、absolute和relative的区别和用法
- 【CSS3】---层模型position之fixed固定定位、absolute绝对定位和relative相对定位
- position的四个属性值: relative ,absolute ,fixed,static
- z-index的理解 z-index 属性仅在节点的 position 属性为 relative, absolute 或者 fixed 时生效.
- position:static|absolute|fixed|relative
- HTML之position:absolute relative static fixed的区别和理解
- CSS定位问题--position--static\absolute\relative\fixed
- 带有position时的居中,包括fixed、relative、absolute
- CSS中position属性( absolute | relative | static | fixed )详解
- css定位(position:relative,absolute,static,fixed)与定位应用