美文网首页
左边两列定宽,一列自适应

左边两列定宽,一列自适应

作者: 考拉程序媛 | 来源:发表于2020-04-29 16:11 被阅读0次

    利用float+margin实现

    .left,.center{float:left:width:200px;}
    .right{margin-left:400px;}
    利用float+overflow实现

    .left,.center{float:left:width:200px;}
    .right{overflow:hidden;}
    利用table实现

    .parent{display:table;table-layout:fixed;width:100%;}
    .left,.center,.right{display:table-cell;}
    .left,.center{width:200px;}
    利用flex实现

    .parent{display:flex;}
    .left,.center{width:100px;}
    .right{flex:1}

    相关文章

      网友评论

          本文标题:左边两列定宽,一列自适应

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