css上中左右下三层布局

CSS是一种用于网页设计的样式表语言，可以控制页面上的布局和外观。其中，上中左右下三层布局属于比较常见的一种布局方式。下面让我们来具体了解一下。

首先，上中左右下三层布局可以看作是一个基本的框架，我们可以根据自己的需求对其中的元素进行添加、删除或修改。其中，上方通常用于放置网站的logo、导航等信息，中间部分通常用于显示主要内容，左边和右边通常用于放置富余的信息或广告，下方通常用于放置一些辅助性信息。

/*CSS代码示例*/
.header{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 80px;
  background-color: #333;
  color: white;
  text-align: center;
  line-height: 80px;
}

.left{
  position: fixed;
  top: 80px;
  bottom: 50px;
  left: 0;
  width: 200px;
  background-color: #333;
  color: white;
  text-align: center;
  line-height: 50px;
}

.right{
  position: fixed;
  top: 80px;
  bottom: 50px;
  right: 0;
  width: 200px;
  background-color: #333;
  color: white;
  text-align: center;
  line-height: 50px;
}

.main{
  position: fixed;
  top: 80px;
  bottom: 50px;
  left: 200px;
  right: 200px;
  background-color: white;
}

.footer{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  background-color: #333;
  color: white;
  text-align: center;
  line-height: 50px;
} 

上面的代码是一个简单的实现上中左右下三层布局的CSS示例，其中有五个部分分别是：header、left、right、main和footer，每个部分都有自己的位置和样式。

需要注意的是，上中左右下三层布局的实现需要对每个元素的position属性进行定位，同时需要根据具体情况设置各个元素之间的间距和宽高等属性。同时，这种布局也可以通过flexbox等新的布局方式实现。选择何种方式实现应根据具体情况来定。

总之，上中左右下三层布局是一种比较通用的布局方式，它可以让网页的显示更加规整美观，有助于提高用户的阅读体验。