方法一： table-cell
在IE8下可以使用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
.left {
display: table-cell;
width: 300px;
background-color: aqua;
}
.right {
margin-left: 10px;
display: table-cell;
width: 500px;
}
.content{
height: 1000px;
background-color: #f40;
}
</style>
</head>
<body>
<div class="wrap">
<div class="left">
left div
</div>
<div class="right">
<div class="content"></div>
</div>
</div>
</body>
</html>方法二：css3盒模型
在IE下不可使用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
.wrap {
display: -webkit-box;
}
.left {
width: 300px;
background-color: aqua;
}
.right {
width: 500px;
height: 1000px;
background-color: #f40;
}
</style>
</head>
<body>
<div class="wrap">
<div class="left">
left div
<br />
<br />
<br />
<br />
<br />
</div>
<div class="right">right div</div>
</div>
</body>
</html>
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。