html – 在div之后的div,其位置在css中是固定的

前端之家收集整理的这篇文章主要介绍了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/

原文链接:https://www.f2er.com/html/226071.html

猜你在找的HTML相关文章