父元素flex: 1，子元素height: 100%不生效，无法

作者: 小光啊小光 | 来源:发表于2020-12-10 13:51 被阅读0次

待写的心得
父元素flex: 1，子元素height: 100%不生效，无法
继承min-height
父元素设置min-height子元素设置100%问题
107.ie和chrome 常见css兼容问题
父元素flex 1时，子元素撑开父元素的原始宽度/高度
flex布局
CSS-父元素高度设置为min-height，子元素高度设置为1
55.父试图设置min-height，子试图设置height：1
Uni-APP笔记

/* 方法1（仅chrome生效，不兼容safari） */
.father{
    height: 0;
}

/* 方法2 */
.father{
    position: relative;
}
.son{
    position: absolute;
    height: 100%;
    top: 0;
    bottom: 0;
}
// 如果你需要width也充满，只需要在son上添加
.son {
    width: 100%;
    left:0;
    right: 0;
}

// 其实too:0 bottom:0与 height: 100%相对应，可以只写其中一种方式， 宽度同理。

待写的心得
1.collapse折叠动画 2.flex子元素height:100%无法获取父元素height 3.getCom...
父元素flex: 1，子元素height: 100%不生效，无法
继承min-height
父元素设置了min-height 子元素设置height：100%；无效给父元素加绝对定位，子元素加相对定位如...
父元素设置min-height子元素设置100%问题
父元素设置min-height子元素高度设置100%取不到值，这是因为子元素 div设置 height:100%；...
107.ie和chrome 常见css兼容问题
父元素设置min-height,子元素设置100%。子元素撑不满问题，在父元素的父元素上设置display:fle...
父元素flex 1时，子元素撑开父元素的原始宽度/高度
父元素flex 1时，子元素撑开父元素的原始宽度/高度场景：当元素A是flex 1布局时，仅能决定该元素A撑到父...
flex布局
父元素使用display：flex 子元素：flex：1 .flexBox{ ...
CSS-父元素高度设置为min-height，子元素高度设置为1
前言给父元素一个min-height，子元素设置height:100%。代码结果剖析 min-height...
55.父试图设置min-height，子试图设置height：1
父试图设置min-height，子试图设置height：100%失效解决办法给父元素加绝对定位，子元素加相对定位
Uni-APP笔记
1、Flex布局：设置父元素为 display:flex; flex-direction:row; 子元素会被...