html – css定位z-index负边距_html-js-css

概述我有以下html – 无论我做什么,我似乎都不会让中间的div出现在顶部,也在底部的顶部.它位于顶部,但我希望底部坐在中间的底部实际上位于顶部.有任何想法吗？ Jsfiddle链接下面也..提前谢谢！ <body> <div> <div id="tdiv" >Top Div</div> <div id="connector">Mid 我有以下HTML – 无论我做什么,我似乎都不会让中间的div出现在顶部,也在底部的顶部.它位于顶部,但我希望底部坐在中间的底部实际上位于顶部.有任何想法吗？ Jsfiddle链接下面也..提前谢谢！

<body>        <div>            <div ID="tdiv" >top div</div>            <div ID="connector">MIDdle DIDv</div>                        <div ID="bdiv">Bottom div </div>        </div>            </body>#tdiv{       height:200px; border:10px dotted black ;    margin-bottom: -100px;       background:red;}#connector{    height:200px;border:10px solID black;    background:blue;    margin-bottom: -100px;       z-index: 21;}#bdiv{    border:21px dashed black;    height:200px;    z-index: 1;    background:green;}

http://jsfiddle.net/EWkMA/29/

解决方法 z-index在静态定位元素上是无用的.尝试位置：亲戚.如果利润率不足,则使用顶部或底部和负值. 总结

以上是内存溢出为你收集整理的html – css定位z-index负边距全部内容，希望文章能够帮你解决html – css定位z-index负边距所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/1098658.html