Question

DIV层问题

如图，两个DIV层，在不改变文字数量的情况下，左侧的如何显示成右侧，就是有一部分被遮盖的样子。
也就是说红色的DIV在蓝色DIV里面，红色的DIV有一部分被蓝色DIV遮盖了。如何实现？
请贴具体代码

Answer 1

如果两个div是嵌套的话，默认层级关系是里面的块在外面的上面，即红色的在蓝色的上面。当设置蓝色的属性：overflow：hidden时会显示右图的效果。
但是如果想让蓝色块在红色上面的话，不改变原本html布局的情况下，可以考虑红色属性：
position:relative;z-index:-1;
同时把蓝色属性：overflow：hidden；去掉，加上position:absolute;（加上这句话是防止漏出的红色对其他元素造成影响）即可；

追问

我要的就是红色在蓝色上面，只要蓝色遮盖红色部分就OK。

Answer 2

<div style="background:#999;width:100px;height:100px;">

<div style="background:#f00;width:80px;height:80px;position:relative;top:20px;left:20px;">

</div>

</div>

Answer 3

定位position

追问

我要的是位置不变，遮盖，具体代码

追答

给蓝色盒子position:relative;
给红色盒子position:absolute;
自由移动红盒子到你要的位置！