css平均分成2份

CSS是网页制作过程中必不可少的一部分，而平均分成2份也是经常需要完成的一个任务。下面我们来介绍如何通过CSS将元素平均分成2份。

/* 设置父元素为相对定位 */
.parent{
  position: relative;
}

/* 设置子元素为绝对定位 */
.child{
  position: absolute;
}

/* 设置第1个子元素的宽度为50% */
.child:first-child{
  width: 50%;
}

/* 设置第2个子元素的宽度为50% */
.child:last-child{
  width: 50%;
  left: 50%; /* 平移50% */
}

通过以上代码，我们可以将一个父元素下的2个子元素平均分成2份。其中需要注意的是，父元素需要设置为相对定位，而每个子元素需要设置为绝对定位，这样才能进行平分。同时，第1个子元素直接设置宽度为50%，而第2个子元素则需要设置宽度为50%并向左平移50%。