<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>二列布局 左边固定宽度 右边响应</title>
<style>
html{
height: 100%;
}
body{
height: 100%;
margin: 0;
padding: 0;
}
.left{
width: 200px;
height: 100%;
background-color: #1b6d85;
position: absolute;
left: 0;
top: 0;
}
.right{
width: 100%;
height: 100%;
background-color: #255625;
margin-left: 200px;
}
</style>
</head>
<body>
<div class="left">
哈哈 嘿嘿 呵呵呵 聊天止于呵呵
</div>
<div class="right">
你好 我好 大家好
</div>
</body>
</html>
原文：http://www.cnblogs.com/dxa304814183/p/5495329.html