HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html – 在div之后的div,其位置在css中是固定的大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我做了一个div,我给它定位:使用这个样式表修复:

CSS

position: fixed;
top: 35px;
z-index: 9999;
height:60px;
background:#000;
width:100%;

现在我想要的是:
如果这个div的高度为零,则后面的div应该代替上面的div.
如果div的高度不为零,则此div之后的下一个div应该具有来自上面div的余量,因此两个div不会相互重叠.

解决方法

当你有一个固定(或绝对)的元素时,它后面没有元素.固定元素从文档流中取出.

如果你想在固定位置将两个元素一个接一个地后面,那么创建一个固定的容器,并将两个元素放在其中.

您可以在其周围放置另一个带有上边距的容器,并在第二个元素上设置上边距.如果第一个元素为空,则没有任何边距,因此边距将在容器外部折叠,第二个元素将位于容器的顶部.

(需要第二个容器,因为边距不会在固定元素外部崩溃.)

演示:http://jsfiddle.net/Guffa/r5crS/

大佬总结

以上是大佬教程为你收集整理的html – 在div之后的div,其位置在css中是固定的全部内容,希望文章能够帮你解决html – 在div之后的div,其位置在css中是固定的所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: