美文网首页
继承min-height

继承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

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