<html>
<head>
<title>左右布局</title>
<style>
.left{
width:200px;
height:100%;
float:left;
background-color: aquamarine;
}
.right{
width:calc(100% - 200px);
height:100%;
float:right;
background-color: aqua;
}
.banner {
padding: 15.15% 0 0;
position: relative;
}
.banner > img {
position: absolute;
width: 100%;
height: 100%;
left: 0; top: 0;
}
</style>
</head>
<body>
<div class='left'></div>
<div class='right'>
</div>
</body>
</html>
来源：https://www.cnblogs.com/datouxiaoming/p/7675487.html