html用div页面分成上左右三个部分

可以使用CSS中的定位属性和宽高属性来实现将HTML页面划分为上、左、右三个部分，以下是一种实现方法：

<div class="header">这是头部</div>
<div class="main">
  <div class="left">这是左侧</div>
  <div class="right">这是右侧</div>
</div>

/* 设置页面的基本样式 */
html, body {
  height: 100%;
  margin: 0;
}

/* 设置头部的样式 */
.header {
  height: 80px;
  background-color: #ccc;
}

/* 设置主要内容区域的样式 */
.main {
  height: calc(100% - 80px); /* 计算主要内容区域的高度 */
  position: relative;
}

/* 设置左侧和右侧的样式 */
.left, .right {
  position: absolute;
  top: 0;
  bottom: 0;
}

.left {
  width: 200px; /* 设置左侧宽度 */
  background-color: #eee;
}

.right {
  left: 200px; /* 将右侧距离左侧 200px */
  right: 0;
  background-color: #ddd;
}

上面的代码将一个 HTML 页面划分为上、左、右三个部分，其中头部占据固定高度（上部分），左侧和右侧占据剩余的高度（下部分）。

值得注意的是，为了让左侧和右侧占据剩余的高度，可以使用绝对定位，并同时设置 top 和 bottom 的值为 0。另外，为了让右侧占据剩余的宽度，可以设置其 left 的值为左侧的宽度。