CSS属性position详解
来源:互联网 发布:如何参观清华大学知乎 编辑:程序博客网 时间:2024/04/27 00:31
1.position:static
对象遵循常规流,top、right、bottom、left属性不会被应用。其最近的祖先元素的内容box边界构成包含块,祖先元素的display属性是以下之一:
- block
- inline-block
- list-item
- run-in
- table
- table-cell
2.position:relative
对象遵循常规流,并且依靠自身在正常流中的位置通过top,right,bottom,left属性进行偏移时不影响常规流中的任何元素。层叠通过z-index属性定义。其最近的祖先元素的内容box边界构成包含块,祖先元素的display属性是以下之一:
- block
- inline-block
- list-item
- run-in
- table
- table-cell
3.position:absolute
对象脱离常规流,使用top,right,bottom,left等属性进行绝对定位,盒子的偏移位置不影响常规流中的任何元素,其margin不与其他任何margin折叠,其层叠通过z-index属性定义。其包含块是最近的定位祖先元素——最近的祖先元素的position属性值是absolute、fixed或relative,那个祖先元素的填充边界构成包含块。设置此属性值会隐性地将元素的display属性改变成display:block。
4.position:fixed
对象脱离常规流,使用top,right,bottom,left等属性以窗口为参考点进行定位,当出现滚动条时,对象不会随着滚动。其包含块是视口或页面box。设置此属性值会隐性地将元素的display属性改变成display:block。
0 0
- CSS属性position详解
- 详解CSS position属性
- css position 属性详解
- CSS position属性详解
- css的position属性详解
- CSS定位属性Position详解
- css下position属性详解
- CSS定位属性Position详解
- CSS的Position属性详解
- CSS定位属性Position详解
- CSS的position属性详解
- CSS定位属性Position详解
- CSS定位属性Position详解
- CSS定位属性Position详解
- 详解CSS样式的position属性
- CSS position 属性(absolute、relative详解)
- CSS中的Position、Float属性详解
- css的float,position属性详解
- java 嵌套管程锁死
- LeetCode 21 Merge Two Sorted Lists (C,C++,Java,Python)
- Error: Unsupported java version '1.8' in line 2 of file 'proguard.conf'
- “student a am i”的倒置
- Spec2006 编译错误
- CSS属性position详解
- ch4_1_6.m 正变换与反变换结合
- 计算任何一天是星期几的几种算法
- hdu 5225 Tom and permutation && BestCoder Round #40
- mysqldump 和还原
- A+B(尾数不等a+b问题)
- Java中成员变量和局部变量的区别
- 对进程地址空间的一点认识
- ch4_1_7.m