设置一个弹性盒子，占页面百分之八十，并且盒子居中（左右各有百分之十的空间）在这个盒子里有三×三个小盒子，每个盒子占三分之一

的宽度，高度固定。

好的，要设置一个占页面80%的居中弹性盒子，可以使用下面的CSS代码：

.container {
  display: flex;
  justify-content: center;
  width: 80%;
  margin: 0 auto;
}

这个代码将容器设置为弹性盒子，并使用`justify-content: center`属性将子元素居中对齐。`width: 80%`将容器的宽度设置为页面宽度的80%。`margin: 0 auto`则将容器水平居中。

对于三×三的小盒子，可以使用下面的代码：

.item {
  width: 33.33%;
  height: 100px;
  box-sizing: border-box;
}

这个代码将子元素的宽度设为33.33%，高度设为100px，并利用`box-sizing: border-box`属性将内边距和边框大小包含在元素宽度内。这样就可以保证每个小盒子等宽，占据容器的三分之一宽度。