float+overflow:hidden实现两列布局

<style>

.container{
overflow: hidden;
zoom:1;
}
.left{
width: 300px;
height: 600px;
float: left;
background-color: #aaa;
}
.right{
height: 600px;
/*width: 800px;*/
overflow: hidden;
zoom:1;
background-color: #e6e6e6;
}
</style>

</head>
<body>
<div class="container">
<div class="left"></div>
<div class="right">
博客园是一个面向开发者的知识分享社区。自创建以来，博客园一直致力并专注于为开发者打造一个纯净的技术交流社区，推动并帮助开发者通过互联网分享知识，从而让更多开发者从中受益。博客园的使命是帮助开发者用代码改变世界。
博客园是一个面向开发者的知识分享社区。帮助开发者用代码改变世界。