CSS布局问题求教

[reorx]

如题，今天为了一个效果在布局上纠结了很久，尝试了两种不同的布局，虽然解决了问题，但却有些不知其所以然，大家帮忙看看吧。

第一种布局：

http://jsfiddle.net/reorx/q8ca6/1/




第二种布局：

http://jsfiddle.net/reorx/VwwMh/1/




问题：在第一种布局中，为什么#sidebar会遮住#main的阴影部分？

[nikejaycn]

z-index属性只针对position:relative/absolute元素有效

[reorx]

@nikejaycn 明白了，那么在第一种布局中如何让阴影不被sidebar遮住呢？

[cutehalo]

@reorx 给#sidebar加上position:relative;

[reorx]

@cutehalo 哎呀我真笨，1楼都说得很清楚了嘛，谢谢～