左侧固定中间自适应

时间 2020-09-26

标签左侧固定中间自适应栏目 CSS 繁體版

原文原文链接

<!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>