html – 如何使用Float而不是绝对定位将多个Div堆叠在一起?

前端之家收集整理的这篇文章主要介绍了html – 如何使用Float而不是绝对定位将多个Div堆叠在一起?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在重写所有内容并远离绝对位置,而是使用浮动来按照我想要的方式定位事物.

现在的问题是如何将多个div叠加在一起?用户将能够以某种方式在这些div之间切换.

谢谢

编辑:我离开绝对位置的原因是我希望我的div仍然是其父母的孩子.即如果我的div被扩展,我希望父div也得到扩展.

解决方法

float不与同一容器中的其他浮动对象重叠.有关三个连续浮动对象的示例,请参阅 here,以了解它们如何不重叠.

如果希望对象重叠,则需要/需要使用绝对定位.您可以通过将父级设置为position:relative来使用相对于父对象的定位;和孩子的位置:绝对;有关使用相对于父项的绝对定位重叠对象的示例,请参阅here.

如果,您尝试一次仅实际显示其中一个对象,则只需将未显示的对象设置为display:none,它们将不会在页面布局中占用空间.您不需要使用浮动或绝对定位.

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

猜你在找的HTML相关文章