Div+Css实现经典左中右布局

Div+CSS实现经典的左中右布局通常使用浮动（Float）技术。这里是一个简单的例子：

1. 首先，创建三个`<div>`元素，分别代表左侧、中间和右侧的内容区域，例如：

<div class="container">
   <div class="left">左侧内容</div>
   <div class="center">中心内容</div>
   <div class="right">右侧内容</div>
</div>

2. 使用CSS设置它们的宽度和浮动方向：

.container {
   width: 100%; /* 确保包含所有三个子元素 */
}

.left {
   float: left;
   width: 33%; /* 如果想要等宽布局，可以设为百分比值 */
   box-sizing: border-box; /* 避免边框和内边距影响宽度 */
}

.center {
   margin-left: 33.3%;
   width: 33.3%;
   box-sizing: border-box;
}

.right {
   float: right;
   width: 33.3%;
   box-sizing: border-box;
}

在这个例子中，`.left`会向左边浮动， `.center`有33.3%的初始margin-left，使其从`.left`右边开始，`right`则向右浮动。