我有以下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;
- }
解决方法
z-index在静态定位元素上是无用的.尝试位置:亲戚.如果利润率不足,则使用顶部或底部和负值.