美文网首页
父元素flex 1时,子元素撑开父元素的原始宽度/高度

父元素flex 1时,子元素撑开父元素的原始宽度/高度

作者: 小骆驼与秀秀 | 来源:发表于2021-03-16 22:16 被阅读0次

父元素flex 1时,子元素撑开父元素的原始宽度/高度

场景:当元素A是flex 1布局时,仅能决定该元素A撑到父元素的边界,但是如果该元素A的子元素超出A的宽度(或者高度)时,则元素A的子元素会超出该元素A的父元素

比如:元素A是黄色部分


假设元素A的子元素高度设置6000px

示例链接:http://js.jirengu.com/lovucaxena/1/edit?html,css,output

相关文章

  • 父元素flex 1时,子元素撑开父元素的原始宽度/高度

    父元素flex 1时,子元素撑开父元素的原始宽度/高度 场景:当元素A是flex 1布局时,仅能决定该元素A撑到父...

  • 垂直居中的方法

    1.正常情况下的垂直居中 适用情况:该父元素的宽度固定,高度随着内部元素增多而撑开,增加子元素内容撑开父元素的高度...

  • css中清除浮动的方法

    浮动产生的原始,由于子元素浮动导致父元素无法撑开,父元素的高度为0,无法正常显示父元素的背景。例如: html代码...

  • 两栏布局

    flex布局 父元素设置 display:flex,固定元素设置固定的宽度和高度,另一个元素设置flex:1;宽度...

  • 前端07day

    高度塌陷: 块元素默认父亲宽,高度由内容撑开父元素高度由子元素撑开浮动后塌陷 解决高度塌陷: BFC 1.父元素的...

  • 高度塌陷

    本来父元素是由元素撑开的,子元素设置了浮动之后,子元素就脱离文东流了,父元素无法撑开,就会形成高度塌陷 解决高度塌...

  • 塌陷,导航,定位

    高度塌陷 块元素默认父亲宽,高度由内容撑开父元素高度由子元素撑开浮动后塌陷解决高度塌陷:BFC 1.父元素的垂直...

  • flex布局

    flex子元素宽度或高度如果超过父级盒子宽度,子元素主轴方向的宽或高会被收缩会父级盒子中,不会超出父级盒子。 fl...

  • 03_说一说产生塌陷的原因以及清除浮动的几种方法

    一、什么是高度塌陷 在文档流中,若父元素未设置高度,那么父元素的高度默认是被子元素撑开的,即子元素多高,父元素就有...

  • 高度坍塌

    高度塌陷发生的场景 当父元素的高度由内容撑开,子元素浮动后(脱离文档流)子元素浮动后,父元素识别不了子元素的...

网友评论

      本文标题:父元素flex 1时,子元素撑开父元素的原始宽度/高度

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