相关文章推荐
一身肌肉的烤土司  ·  Gather Schema ...·  1 年前    · 
独立的小狗  ·  pg数据库转义字符-掘金·  1 年前    · 
有情有义的牛肉面  ·  Docker run ...·  1 年前    · 
瘦瘦的电池  ·  php - curl_exec() ...·  1 年前    · 
RIGHT < br />< br />< br /> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore. </ div > </ div > </ div >

对应的Css

html, body {
    height:100%;
    margin:0;
.main-container {
    height:100%;
    display:flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-align-content: stretch;
    align-content: stretch;
.left {
    background-color:lightgreen;
    width:100px;
.right {
    background-color: red;
    -webkit-flex: 1;
    flex:1;
    position:relative;
.child {
    background-color:steelblue;
    position:absolute;
    width:100%;
    height:100%;    
.scrollable {
     overflow-y:auto;