网易的两栏格局，左侧固定宽度 _Web前端

网易的两栏布局，左侧固定宽度

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> Matching Game </title>
<meta name="generator" content="editplus" />
<meta name="author" content="lijunliang" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<style>
html,body{
	height:100%;
}
.wrapper{
	height:100%;
}
.left{
	width:300px;
	margin-right:-300px;
	background-color:yellow;
	height:100%;
	float:left;
}
.right{
	margin-left:300px;
	background-color:black;
	height:100%;
}
</style>
</head>
<body>
	<div class="wrapper">
		<div class="left"></div>
		<div class="right"></div>
	</div>
</body>
</html>