网页制作中遇到的一些个小问题（3）

标签：前端

 1.   z-index：css中有position且其值为absolute，relative，fixed，这样才可以生效。其值越大则层叠在最上面；在 IE 浏览器中，定位元素会产生一个新的 stacking context，并且从 z-index 的值为 0 开始。

<div id=test1></div>
<div id=test2>
<div id=test3></div>
</div>
如果要让test3在test1的上面，那必须这样写
<div id=test style="positon:relative;z-index:1 ;"></div>
<div id=test2 style="position:relative;z-index:2 ">
<div id=test3 style="position:absolute; left:0;top:0;"></div>
</div>
关键z-index要写在父div 。

2.  width:inherit:inherit是继承的意思，也就是使用和上一级父元素同样的width。其他的规则也是如此，inherit就表示继承父元素的值。

在这里总结一下width的三个值（如果有什么问题请多多指教）：inherit，它首先是继承他的父元素，如果父元素设置了大小（100px），那么，他的content就是父元素的大小，然后如果他有padding，那么在网页上面显示的就是100px+2*padding,如果他的父元素没有设置大小，那么他就会继承他的默认的宽度auto，至于auto，后面再说；第二就是width:100%,他是100%填充父元素，100px+2*padding。第三个是auto，他并不会超过父元素的大小，也就是说父元素设置了100px,那么若是有padding，那么他的实际的宽度会变小，往里面压缩，给padding留出空间。（上面都是自己的理解，可能会有错误，且看且思考）

网页制作中遇到的一些个小问题（3）

标签：前端

原文地址：http://blog.csdn.net/u013240543/article/details/41786259