-
解决ie7bug查看全部
-
z-index无依赖查看全部
-
inline属性绝对定位位置跟随查看全部
-
此处的 不可以省略，其实布局中的text-align:center是对此空格进行对齐，为了避免别的浏览器不兼容所以此处必须要写查看全部
-
float造成环绕效果，absolute保持跟随效果，absolute存在时float效果失效查看全部
-
使用absolute时，float会失去作用查看全部
-
此处的注释<！- - -->是为了使vip与img完美贴合，删除他俩之间的空隙查看全部
-
老师的代码只能是在部分场景内应用，如果在手机端页面全部应用sbsolute， 1.中间content部分高度过长，有滚动时会卡，不是很流畅，特别是下拉后再上拉。 2.当content部分有input ，手机调出键盘，会把content隐藏在底部，需滚动到底部才看到input。查看全部
-
right和width拉伸的差异查看全部
-
实现满屏的自适应效果通常方法：.overlay{position:absolute; width:100%;height:100%; left:0;top:0; } 特殊方法（拉伸） .overlay{position:absolute; right:0;bottom:0; left:0;top:0; } width:50% 等同于：right:50% ie7以上查看全部
-
z-index无依赖 1.如果只有一个绝对定位元素，自然不需要z-index,自动覆盖普通元素； 2.如果两个绝对定位，控制DOM流的前后顺序达到需要的覆盖效果，依然无z-index； 3.如果多个绝对定位交错，非常非常少见，z-index:1控制； 4.如果非弹窗类的绝对定位元素z-index>2,必定z-index冗余，请优化！ 动画尽量加在绝对定位元素之上。查看全部
-
如果不需要兼容IE，可以没有 父元素text-align:cenetr 子元素图片同样能居中，因为text-align:cenetr对内联块元素，内联元素生效，而<img>属于正属于这些元素。经过试验IE全系列，包括IE11都失效，必须要空格 所以空格$nbsp是为了兼容IE浏览器的技巧 居中方法 margin:50% margin-left:大主体容器一半宽度 无依赖绝对定位实现： 利用跟随行 前面加空格  然后图片绝对定位 再margin值查看全部
-
<!--注释节点 --> 使用注释节点避免相邻节点间插入空格，受教 只设置absolute之后（不依赖绝对定位，也不用设置left,top等），有个非常大的特性“跟随性”，当它是普通元素时，呆在什么位置，绝对定位后，还呆在什么位置。查看全部
-
position配合margin的精确定位： 1支持负值定位； 2超赞的兼容性 IE6查看全部
-
absolute的破坏性是对图片的absolute化。图片设置absolute后，图片就从标准文档流中脱离出来，没有东西可以继续支撑容器的高度，容器自然就坍塌了。好像把房子的柱子挪到房子外边，房子果断就塌了 absolute的包裹性是对容器的absolute化。容器设置absolute后，容器变为了 inline-block，容器本身没有设置宽度和高度的话，那么容器的宽高就等于内容的宽高，表现结果就是容器把内容包裹起来。查看全部
举报
0/150
提交
取消