在前端开发中经常会遇到一些CSS代码设置无效的情况，下面我总结一些我遇到的情况。
1.height：100%无效
百分比的高度在设定时需要根据这个元素的父元素容器的高度。例如一个div的高度设为40%，而父元素的高度为100px时，那么这个div的高度应为40px。
在默认情况下<html></html><body></body>的高度都是0，而两个元素又是其他元素的父元素，所以height：100%当然也是0。解决方法是在html，body的CSS中都加上height:100%。
2.z-index无效
z-index在使用时有一个前提，只能在position是relative，absolute，fixed才有效。在满足这个条件后还需注意dome节点关系，z-index值只决定同一父元素中的同级子元素的堆叠顺序。堆叠顺序不是看子元素的z-index而是看父元素的z-index。
3.position:fixed无效
fixed定位的元素，如果父元素有transform属性，那么fixed无效，原因尚不清楚。设置fixed的元素其父元素不要设置transform属性，记住这个情况就行。
473
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
