怎么用div+css写出上面的那层遮住下面那层的一部分。。，。

怎么用div+css写出上面的那层遮住下面那层的一部分。。，。
如图。

举报该文章

相关建议 2012-03-30

给那个大的 DIV 加个 position:relative 这个属性，再给那个小的 DIV 加个 position:absolute；然后就可以用 left right top bottom 来控制，就你这个可以用 top:- 10px;追问

能麻烦你帮忙把代码给写出来吗？

追答

无标题文档

.big{width:720px; height:500px; position:relative; border:2px solid #666666;}
.f{width:200px; height:40px; background:#FF0000; position:absolute; top:-20px;}

具体那大小、颜色、背景自己调，

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/sqp28vpvv.html

其他看法

第1个回答推荐于2018-05-10

上边的层z-index高于下边的层，position：relative或position：absolute 调位置就可以了

第2个回答 2012-03-29

这个应该是浮动之后运用相对定位relative做出来的效果

第3个回答 2012-03-29

overflow:hidden;好像可以这样，隐藏掉超出的部分

相似回答

css如何设置能让一个div元素覆盖在div元素上后下面的div元素中的文字不...答：<div style="height:50px; width:300px; background-color:#CCC;">div1中的文字将会被div2覆盖</div> <div style="height:50px; width:300px; background-color:#0C9; ">div2</div> <br /> 你要的是不是把上面转化为下面这个效果<br /> <div style="height:50px; width:300px; background-...