美文网首页
外层元素固定宽度 内部同行两元素宽度自适应处理

外层元素固定宽度 内部同行两元素宽度自适应处理

作者: Micro同学 | 来源:发表于2018-12-05 10:40 被阅读6次

    右侧元素根据左侧元素自适应

    .outer {
        width: 200px;
        height: 50px;
        display: flex;
        flex-wrap: nowrap;
    }
    .inner-left {
        height: 100%;
    }
    .inner-right {
        height: 100%;
        flex: 1
    }
    

    相关文章

      网友评论

          本文标题:外层元素固定宽度 内部同行两元素宽度自适应处理

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