css2列布局,左边div宽度固定,右边div宽度自适应

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>左边div固定,右边div自适应</title>
<style>
*{
margin:0;padding:0;
}
.left{
200px;
height:400px;
background:red;
position:relative;
float:left;
}
.right{
position:absolute;
left:200px;
right:0;
height:400px;
background:blue;
float:right;
}
</style>
</head>
<body>
<div class="left"></div>
<div class="right"></div>
</body>
</html>

原文地址:https://www.cnblogs.com/ll-taj/p/5779025.html