求助,div设置为absolute定位,高度为父元素的100%,但在IE8下不生效-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

求助,div设置为absolute定位,高度为父元素的100%,但在IE8下不生效

a123456678 2016-03-25 15:24:44 1247

直接上代码,在jsfiddle下运行正常,但在IE运行不正常

<div class="menu">
    <div class="menu-bar"></div>
    <div class="menu-body">
        <h3>Programs</h3>
        <h3>Documents</h3>
        <h3>Run</h3>
    </div>
</div>  
.menu {
    border: 1px solid black;
    position: relative;
    width: 200px
}

.menu-bar {
    background-color: gray;
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 100%;
}

.menu-body h3 {
    border: 1px solid blue;
    line-height: 30px;
    vertical-align: middle;
    margin: 0 0 0 30px;
}
分享到
取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 19:14:29

    父元素也必须设置指定高度,子元素height:100%才有效,上一级元素如果也height:100%的话,那么外公元素也必须设置指定高度,一直往上推直到它们的老祖宗body和html标签,懂不,所以我在写css的时候基本都是先写上

    html{height:100%}
    body{margin:0;height:100%}
    0 0
云计算
使用钉钉扫一扫加入圈子
+ 订阅

时时分享云计算技术内容,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。

推荐文章