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

发布时间：2020-12-14 18:32:40 所属栏目：资源来源：网络整理

导读：我做了一个div,我给它定位：使用这个样式表修复： CSS position: fixed;top: 35px;z-index: 9999;height:60px;background:#000;width:100%; 现在我想要的是：如果这个div的高度为零,则后面的div应该代替上面的div. 如果div的高度不为零,则此div之后的下一个

我做了一个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/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!