前端:让一个div悬浮在另一个div之上

慈云数据 1年前 (2024-03-18) 技术支持 54 0

使用 CSS 的 position 属性和 z-index 属性

首先,将第二个 div 元素的 position 属性设为 relative 或 absolute。这样可以让该元素成为一个定位元素,使得后代元素可以相对于它进行定位。

然后,将要悬浮的 div 元素的 position 属性设为 absolute,并设置 z-index 属性的值大于第二个 div 元素的值。

例如,下面的示例中,第二个 div 元素的 position 属性设置为 relative,要悬浮的 div 元素的 position 属性设置为 absolute,并且设置了 z-index 属性的值为 1:


    
        
        
        
        Document
    
    
        
            

这是第二个 div 元素

这是要悬浮的 div 元素

微信扫一扫加客服

微信扫一扫加客服