美文网首页
overflow 的裁剪与定位元素(position)使用

overflow 的裁剪与定位元素(position)使用

作者: gsunneverdie | 来源:发表于2023-03-01 11:40 被阅读0次

    overflow 要对postion: absolute 的元素起到超出裁剪作用

    1. 可将overflow 的元素也变成定位元素:position: absolute/relative
    2. 定位元素:position: absolute/relative 添加一个定位元素 作为其父元素

    使用了position 的为定位元素

    // 不起作用
    <div style="overflow: hidden;">
        <div style="position:absolute;"><div>
    </div>
    
    // 起作用1
    <div style="overflow: hidden;position:relative;">
        <div style="position:absolute;"><div>
    </div>
    
    // 起作用2
    <div style="overflow: hidden;">
        <div style="position:relative;">
            <div style="position:absolute;"><div>
        </div>
    </div>
    
    

    相关文章

      网友评论

          本文标题:overflow 的裁剪与定位元素(position)使用

          本文链接:https://www.haomeiwen.com/subject/iuwrldtx.html