HTML+CSS入门如何设置2个div同行，第一个固定宽度，第二个占满剩余的部分-职坐标

HTML+CSS入门如何设置2个div同行，第一个固定宽度，第二个占满剩余的部分

沉沙 2018-10-09 来源：阅读 3470 评论 0

摘要：本篇教程介绍了HTML+CSS入门如何设置2个div同行，第一个固定宽度，第二个占满剩余的部分，希望阅读本篇文章以后大家有所收获，帮助大家HTML+CSS入门。

本篇教程介绍了HTML+CSS入门如何设置2个div同行，第一个固定宽度，第二个占满剩余的部分，希望阅读本篇文章以后大家有所收获，帮助大家HTML+CSS入门。<

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>

        body{

            margin:0;
        }

        .stage{

            position:relative;
        }

        .left{

            position:absolute;
            left:0;
            top:0;
            background-color:green;
            width:200px;
            height:500px;
        }

        .center{

            margin-left:200px;
            background-color:orange;
            height:500px;
        }

    </style>
</head>
<body>
    <div class="stage">
        <div class="left"></div>
        <div class="center"></div>
    </div>
</body>
</html>