css3 弹性盒子

弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。
弹性盒子的使用：
父容器必须设置：“display:flex”
flex 属性用于设置或检索弹性盒模型对象的子元素如何分配空间：在这里插入代码片
子元素设置 flex 让所有弹性盒模型对象的子元素都有相同的长度，且忽略它们内部的内容：

目前的积分为 0

第 1关

剩余血量 50

#toolTop{
position: absolute;
top:0;
left: 0;
display: flex;
}
#toolTop>div{
flex:1;
border: 1px solid red;
width: 110px;
}