发表于： 2016-08-24 22:33:02
2 1323
今天完成的事情：复习之前的任务内容，在慕课网看absolute、float浮动、overflow的内容。
明天计划的事情：明天去武汉，下午回来继续看其他CSS内容。
遇到的问题：暂无
收获：
z-index无依赖
1.如果只有一个绝对定位元素，自然不需要z-index,自动覆盖普通元素；
2.如果两个绝对定位，控制DOM流的前后顺序达到需要的覆盖效果，依然无z-index；
3.如果多个绝对定位交错，非常非常少见，z-index:1控制；
4.如果非弹窗类的绝对定位元素z-index>2,必定z-index冗余，请优化！
position:absolute
1.偏移属性和宽高的关系
元素absolute后会有包裹性，宽高会默认auto，如果未显性设置宽高，会根据偏移属性隐形设置宽高；
2.偏移属性和margin:auto
元素显性设置宽高后，对立偏移属性产生冲突（属性过度受限，会重置right偏移或bottom偏移）,此时若设置margin:auto !important，会解除受限对margin隐性设置满足对立偏移属性和宽高（这就是定宽高的元素水平垂直居中的原理）
3.偏移属性和margin作用于宽高
同理，宽高为auto时，显性设置的margin和偏移属性会隐性设置宽高
返回列表
评论