Liquid layout with liquid left + fixed right column

前端 未结 5 787
失恋的感觉
失恋的感觉 2020-12-20 03:34

The question is pretty self explanatory. All these div elements are 100% in height I need the left div to flex, but not have it set to overflow:hidden so that I can make it\

5条回答
  •  佛祖请我去吃肉
    2020-12-20 03:50

    DEMO

    html, body {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
    }
    
    #left, #right {
        height: 100%;
        float: left;
    }
    #parent{
        width: 100%;
        height: 100%;    
    }   
    
    #left {
       width: calc(100% - 450px);;
       background-color: teal; 
    }
    #right {    
        width: 450px;
        background-color: olive; 
    }
    

提交回复
热议问题