html – 将div元素叠加在一起

html – 将div元素叠加在一起,第1张

概述我有一个网站,其布局看起来像这样:(图片如下) 在左侧面板上,我有一个显示徽标的div.我有另一个div,我想把它放在徽标下面,所以div必须是这些堆叠在一起.我试着摆弄z-index,但并没有完全得到所谓的东西. 如何才能做到这一点? 尝试使用position:absolute;使用z-index时,而不是两个元素的相对.然后它可以在你的布局中产生一些失真,所以你可以将logo div放在另一个 我有一个网站,其布局看起来像这样:(图片如下)

在左侧面板上,我有一个显示徽标的div.我有另一个div,我想把它放在徽标下面,所以div必须是这些堆叠在一起.我试着摆弄z-index,但并没有完全得到所谓的东西.
如何才能做到这一点?

解决方法 尝试使用position:absolute;使用z-index时,而不是两个元素的相对.然后它可以在你的布局中产生一些失真,所以你可以将logo div放在另一个相对div中或使用其他技术来修复它,但是当使用position绝对和z-index时它必须工作.如果它仍然不起作用,请检查您的某些 javascript是否没有干扰,或者代码中的某些其他元素是否具有z-index,因此会导致问题.

如果使用绝对位置,请不要忘记定义margin-left和margin-top.

总结

以上是内存溢出为你收集整理的html – 将div元素叠加在一起全部内容,希望文章能够帮你解决html – 将div元素叠加在一起所遇到的程序开发问题。

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

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1073626.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-26
下一篇2022-05-26

发表评论

登录后才能评论

评论列表(0条)

    保存