美文网首页
【CSS学习笔记22】-overflow1

【CSS学习笔记22】-overflow1

作者: 兔小小 | 来源:发表于2023-11-01 23:50 被阅读0次

    CSS overflow属性控制什么 碰巧内容太大而无法放入某个区域。

    CSS 溢出

    该属性指定是否裁剪 内容或 在元素内容太大而无法容纳指定元素时添加滚动条 面积。overflow

    该属性具有以下值:overflow

    • visible-默认。溢出未被剪裁。 内容呈现在元素的框外
    • hidden- 溢出被剪裁,其余内容将不可见
    • scroll- 溢出被剪裁,并添加滚动条以查看其余内容
    • auto-自动,但它仅在必要时添加滚动条scroll

    注意:overflow属性仅适用于具有指定高度的块元素。

    overflow: visible

    默认情况下,溢出为visible ,表示它不会被剪裁,并且 在元素的框外呈现:

    div {
      width: 200px;
      height: 65px;
      background-color: coral;
      overflow: visible;
    }
    

    overflow: hidden

    使用hidden时,溢出将被剪裁,其余内容将被隐藏:

    相关文章

      网友评论

          本文标题:【CSS学习笔记22】-overflow1

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