两个块一左一右.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>两边固定右侧自适应</title>
<style>
    *{
        margin: 0;padding: 0;
    }
    .parent{
        padding: 15px 20px;
        border: 1px dashed #ff6c60;
        display: flex;
        align-items: flex-start;
    }
    .left{
        width: 120px;
        border: 1px solid green;
       /* flex: 0 0 auto; */
       height: 300px;
    }
    .right{
        width: 100%;
        border: 1px solid blue;
        /* flex: 1 1 auto; */
        margin-left: 20px;
        height: 500px;
    }
</style>
</head>
<body>
    <div class="parent">
        <div class="left">
           left
        </div>
        <div class="right">
            hello, right, where are you
        </div>
    </div>
</body>
</html>