-
絕對定位拉伸
查看全部 -
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與寬高
查看全部
舉報