1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4. <meta charset="UTF-8">
    5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6. <title>Document</title>
    7. <style>
    8. .out_container {
    9. width: 100%;
    10. height: 100%;
    11. display: flex;
    12. }
    13. .left {
    14. height: 500px;
    15. width: 500px;
    16. background-color: red;
    17. }
    18. .right {
    19. height: 500px;
    20. flex: 1;
    21. background-color: green;
    22. }
    23. </style>
    24. </head>
    25. <body>
    26. <div class="out_container">
    27. <div class="left"></div>
    28. <div class="right"></div>
    29. </div>
    30. </body>
    31. </html>