Question

在HTML+CSS中如何实现上一个div覆盖下一个div的border-top部分？

第一个div覆盖第二个div的上部分，第2个div覆盖第三个div的上部分。。。以此类推，如何实现这种排版。求高手解答。谢谢大家的帮忙。
PS：div的个数不限，所以用z－index依次赋值是无法实现的。
可以加分

Answer 1

divn n=1，2，。。。n
你这个意思不就是div1在最上层么 那么div1 z-index：999 依次递减
再设置每个div margin-top：-1px; //大小看你border-top而定 很简单

追问

可是div的个数不确定，z-index 要递减到多少并不知道。求进一步指点，谢谢啦。

追答

用js循环啊 n可以循环
比如循环
for(n>0;n0;z');
}
}

Answer 2

下一个压住上一个比较容易、上一个压住下一个单用div+css没想出来什么好办法、
如果边框颜色都一样的话下一个压住上一个和上一个压住下一个看不出来有什么差别、
<style>
div{ width:200px; height:200px; border:1px solid #000; margin:0 auto; margin-bottom:-1px;}
</style>
<div></div>
<div></div>
<div></div>

Answer 3

这个实现很简单啊，第二个div不设置border-top，第3个也不设置border-top就可以解决了

Answer 4

用margin-top：负值；就可以实现。

Answer 5

定位可以完美解决 ，position:relative; top 值写好