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

2023-03-01  本文已影响0人  gsunneverdie

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>

上一篇下一篇

猜你喜欢

热点阅读