-
绝对定位拉伸
查看全部 -
absolute与width和height：
1、绝对定位拉伸
.overlay{
position：absolute；
left:0;
top:0;
right:0;
bottom:0;
}
或
.overlay{
position：absolute；
left:0;
top:0;
width:100%;
height:100%;
}
都可以实现满屏自适应效果
2、absolute的翅膀拉伸和width/height是可以相互替换的，如：
position:absolute；left:0；top:0；width:50%；
等同于
position:absolute；left:0；top:0；right:50%；
但是只有IE7+才支持
3、容器不需要固定width、height值，内部元素也可以拉伸
4、容器拉伸，内部元素支持百分比的width、height值
5、当拉伸与width/height尺寸同时存在时，如
position：absolute；
top：0； left：0；right：0；
width：50%；
实际宽度是50%，而不是100%
6、当尺寸限制、拉伸以及margin：auto同时出现时，就会有绝对定位元素的绝对居中效果
但是只有IE8+才支持
查看全部 -
1、动画尽量作用在绝对定位元素上
2、如果只有一个绝对定位元素，自然不需要z-index，它会自动覆盖普通元素
3、如果两个绝对定位，控制DOM流的先后顺序达到需要的覆盖效果，也不需要z-index
查看全部 -
html默认的高度是0
查看全部 -
无依赖的absolute定位
查看全部 -
下拉框的最佳实践方案
查看全部 -
设置absolute后元素占据的空间是零，所以vip这张图片才会很好的跟在img图片后面
查看全部 -
去浮动：float和absolute不能同时存在，设置absolute后float的属性变为无效
查看全部 -
这是因为我们对absolute的属性认知不完全而造成的。absolute具有跟随性，当没有设置top/left等偏移值时，这个元素只是脱离了文档流，会对后面的元素产生影响，但它自身原来在什么位置，现在还是在什么位置。另外，absolute的属性实在太猛了，建议多了解下。比如absolute跟float一样具有包裹性，即由内容撑开宽高，absolute会使inline元素块状化；当同时设置absolute和float属性时，float会失效等等
查看全部 -
z-index无依赖
1、如果只有一个绝对定位元素，自然不需要z-index，自动覆盖普通元素；
2、如果两个绝对定位，控制DOM流的前后顺序达到需要的覆盖效果，然后无z-index；
3、如果多个绝对定位交错，非常非常少见，z-inde:1控制；
4、如果非弹框类的绝对定位元素z-index>2,必定z-inde冗余，请优化！
查看全部 -
SVG代码没看懂
查看全部 -
绝对定位和z-index
查看全部 -
绝对居中效果
查看全部 -
绝对定位拉伸
绝对定位方向是对立的（如left vs right, top vs bottom）的时候，content area拉伸
查看全部 -
absolute与宽高
查看全部
举报