美文网首页
父元素高度不定,子元素如何撑满父元素

父元素高度不定,子元素如何撑满父元素

作者: 沉默紀哖呮肯伱酔 | 来源:发表于2020-06-17 14:04 被阅读0次
image.png

如图该布局分为左右结构,父元素未设置高度,整个父元素的高度完全由左边的元素高度撑起,我们想要右边元素的高度和左边的一样。

.parent{
  position:relative;
}
.rightChild{
  position:absolute;
  right:0
}

相关文章

  • 父元素高度不定,子元素如何撑满父元素

    如图该布局分为左右结构,父元素未设置高度,整个父元素的高度完全由左边的元素高度撑起,我们想要右边元素的高度和左边的一样。

  • 子元素撑满父元素

    下面请看错误的示例 上面结果是,.box 元素被撑开,其他元素是一条重合的线,即使给 .a,.b,.c都加上浮动,...

  • 子元素浮动导致父元素高度不够问题的解决方案

    1.子元素浮动导致父元素高度(父元素坍塌) 未设置高度的父元素中,如果有子元素浮动(float),由于子元素不占据...

  • 粘性定位 sticky

    该元素在父元素中必须能滚动,父元素 overflow 属性为 auto、scroll,且子元素高度超过父元素高度;...

  • 高度塌陷 清除浮动 定位

    高度塌陷 父元素中的子元素浮动,导致父元素塌陷 开发中避免出现 写死父元素高度可以解决,但不能随子元素变化,不推...

  • overflow: hidden 属性的作用

    1.当父元素设置了高度时,子元素的内容超出父元素会被隐藏。 2.父元素没有设置高度,且子元素设置了浮动。如果我们给...

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

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

  • 父元素塌陷问题及解决方案

    父元素塌陷 父元素在文档流中高度默认是被子元素撑开的,当子元素脱离文档流以后,将无法撑起父元素的高度,也就会导致父...

  • 高度坍塌

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

  • 问题记录

    父元素A高度等于子元素B高度,子元素B有三个子元素且高度相加等于子元素高度

网友评论

      本文标题:父元素高度不定,子元素如何撑满父元素

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