美文网首页
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)使用

    overflow 要对postion: absolute 的元素起到超出裁剪作用 可将overflow 的元素也变...

  • position定位案例

    使用position定位实现鼠标移动滑出效果 为三个元素设置同样宽高,之后为父元素设置overflow:hidde...

  • position和float的使用小结

    1、position用于对元素进行定位,position属性规定了元素的定位类型,使用left、right、bot...

  • CSS定位(相对定位,固定定位,绝对定位)

    在CSS中,可以使用position属性来定位元素。position 属性规定元素的定位类型。 属性值: abso...

  • 定位

    position--定位 使用position属性可以将网页中的元素放置在网页中的任何位置。一个元素定位后需要结合...

  • css属性如何让浮层水平垂直居中

    一)利用绝对定位与transform 将父元素定位,子元素如下 .children{ position:...

  • html基础知识6

    1、定位:position 1>通过定位我们可以将元素摆放到页面中的任意位置 2>使用 position 属性来设...

  • 0303布局

    记录自己学习前端的过程,内容仅供参考 overflow a标签的伪类(笔试) 定位布局=>使用position 透...

  • 块元素水平垂直居中

    块元素水平垂直居中 使用flex布局将子元素水平垂直居中 使用position定位 或

  • css入坑之二

    css的元素定位->position属性 1.position:absolute 绝对定位。绝对定位是子元素相对于...

网友评论

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

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