-
1.释义 无依赖绝对定位：不受relative限制的absolute定位,行为表现上是不使用top/right/bottom/left任何一个属性或使用auto做为值。 2.无依赖绝对定位的特性： 1). 去浮动（可作为一种清除浮动的方法） 2). 位置跟随（脱离文档流后仍处于原位置） 3) . 超越overflow（不受overflow的影响） 3、注意： IE7下存在Bug，需为绝对定位的inline-block元素套上一个块元素标签（eg:div）查看全部
-
absolute 和 float 具有相同的 特性 ： 包裹性（包含内容，不占据整行）破坏性（出现塌陷现象）查看全部
-
absolute包裹性查看全部
-
容器拉伸，支持移动端开发。查看全部
-
自适应布局查看全部
-
不错的方案，居然纯CSS实现了查看全部
-
absolute与width和height： 1.相互替代性 屏幕自适应; .overlay{position:absolute;left:0;top:0;right:0;bottom:0;} 没有宽度(width)没有高度(height)实现宽高满屏效果 position:absolute;left:0;top:0;width:50%; 等同于： position:absolute;left:0;top:0;right:50%; 2.相互支持性 （1）容器无需固定width/height值，内部元素亦可拉伸 （2）容器拉伸，内部元素支持百分比width/height值 通常情况下，元素百分比height要想其作用，需要父级容器的height值不是auto； 绝对定位拉伸下，即使父级容器的height值是auto，只要容器绝对定位拉伸形成，百分比高度值也会死支持的 3.相互合作性 如果拉伸的尺寸和width/height尺寸同时存在，width/height设置的尺寸大于left/top/right/bottom拉伸的尺寸。 因此：position:absolute;top:0;left:0;right:0;width:50%;的实际宽度是50%而不是100%。 当尺寸限制、拉伸以及margin:auto同时出现的时候，就会有绝对定位元素的绝对居中效果！ 注意：居中特效IE8+支持！查看全部
-
z-index无依赖： 1.如果只有一个绝对定位元素，自然不需要z-index，自动覆盖普通元素 2.如果两个绝对定位，控制DOM流的前后顺序达到需要的覆盖效果，依然无z-index 3.如果多个绝对定位交错，非常非常少见，z-index:1 控制 4.如果非弹框类的绝对定位元素z-index>2,必定z-index冗余，请优化！查看全部
-
absolute定位不受relative限制的absolute定位，行为表现上不使用top/right/bottom/left任何一个属性或使用auto作为值! 绝对定位的行为表现： 1.脱离文档流 2.折翼的天使 (1)去浮动 (2)位置跟随查看全部
-
relative和absolute是分离的，对立的，以及absolute越独立越强大！ 1.超越overflow。独立的absolute可以摆脱overflow的限制，无论是滚动还是隐藏查看全部
-
absolute与float相同的特性表现： 1.包裹性(包含内容，不占据整行) 2.破坏性(出现塌陷现象) 页面布局可相互替代查看全部
-
Bucuo查看全部
-
在写js操作css的过程中发现float属性在IE和firefox下对应的js脚本是不一样的，IE下对应得是 styleFloat，firefox,chorme,safari下对应的是cssFloat，可用in运算符去检测style是否包含此属性。查看全部
-
z-index不能滥用查看全部
-
扯淡查看全部
举报
0/150
提交
取消