继承min-height

作者: Clover园 | 来源:发表于2019-01-22 17:13 被阅读8次

父元素设置了min-height

子元素设置height：100%；无效

给父元素加绝对定位，子元素加相对定位

如果要距离上面有距离，用padding 或者margin 如果用top 会有下面空白

这样就可以了

父元素{

min-height:100%;

position：relative

}

子元素{

height:100%;

position:absolute;

top:0px;

left:0;

right:0;

}

继承min-height
父元素设置了min-height 子元素设置height：100%；无效给父元素加绝对定位，子元素加相对定位如...
vue 安卓手机软键盘弹出把页面顶上去且无法滑动
注意：.main元素高度是min-height:100vh; 根元素#app高度是min-height:100vh;
min-height max-height 使用详解
为什么我们要使用min-height和max-height样式属性？ Css min-height应用地方解释我...
h5输入法将body或者图片顶上去的解决办法
在body上添加min-height: 100%;
js事件委托实例
html,body{ min-height: 100%; } *{ margin:...
cell
cell内容自动自适应 height: auto; min-height(最小高度)
使用scrollHeight方法文本域自适应高度
css： .test_box { width: 98%; min-height: 1rem; max-...
div模拟textarea
CSS代码： .test_box { width: 400px; min-height: 120px; ...
常见属性的兼容情况
inline-block: >=ie8 min-width/min-height: >=ie8 :before,:...
他说｜昨日游走四方赏日出，明天钻入地下访民工。很好，这很摩羯
width: 60px;min-height: 60px;border-radius: 50%;backgroun...