左侧固定中间自适应 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .outer{
            width:100%; 
        }
        
        .left{
            float: left;
            width:200px;
            height: 500px;
            font-weight:bold;">orange;
        }

        .main{
            float: left;
            width:calc(100% - 200px);
            height: 500px;
            font-weight:bold;">yellowgreen;
        }
    </style>
</head>
<body>

<div class="outer">
    <div class="left">左侧</div>
    <div class="main">中间</div>
</div>
</body>
</html>
posted @ 2020-09-25 23:23  13522679763-任国强  阅读(105)  评论(0)    收藏  举报