<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>使用display制作自动适应的两栏布局</title>
</head>
<body>
<style type="text/css">
div {
border: 1px solid red;
}
.left {
float: left;
width: 200px;
}
.right {
width: 2000px;
display: table-cell;
}
</style>
<div class="left">left</div>
<div class="right">right</div>
</body>
</html>
效果如下：
使用display制作自动适应的两栏布局