css三个盒子左中右

CSS中，经常会用到三个盒子分别放置在页面的左、中、右位置，这样可以实现页面的布局效果。这三个盒子分别为左侧盒子、中间盒子和右侧盒子。

左侧盒子通常用于放置导航栏或其他重要的链接，代码如下：

.left{
    width: 200px;
    float: left;
} 

中间盒子是页面中的主体内容，通常需要占用页面较大的面积，代码如下：

.middle{
    margin: 0 auto;
    width: 800px;
} 

右侧盒子通常用于放置广告或相关链接，代码如下：

.right{
    width: 200px;
    float: right;
} 

通过以上的CSS代码，我们可以将三个盒子相应地布置在页面的左、中、右三个位置。其中，中间盒子通过设置margin: 0 auto可以使其在页面中水平居中。左右两个盒子通过设置float属性分别向左和向右浮动，使其与中间盒子相邻，同时占据页面两侧。