左右两列固定宽度,中间自适应布局

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
    margin: 0;
    padding: 0;
}
.a,.c{
    width: 200px;
    height: 500px;
    background: red;
}
.a{float: left;}
.b{
    margin: 0 200px 0 200px;
    height: 500px;
    background: green;
}
.c{float: right;}
</style>
</head>
<body>
    <div class="a"></div>
    <div class="c"></div>
    <div class="b"></div>
</body>
</html>
高否?富否?帅否? 否? 滚去学习!
原文地址:https://www.cnblogs.com/baixc/p/3489434.html