CSS两列布局

网页布局是网页设计的基础，CSS两列布局是最基本的布局之一。它采用浮动（float）属性来实现，左边列一般用于导航菜单，右边列则用于显示主要的内容。

.left {
	float: left;
	width: 20%;
}
.right {
	float: left;
	width: 80%;
} 

以上是实现CSS两列布局的关键代码。其中，左边列的宽度为20%，右边列的宽度为80%。这样，两列加起来的宽度就是100%。然后，将左边列设置为浮动（float: left;），这样右边列就会自动占据剩余的空间。