Html 我的flex在一行中显示六个div而不是三个div？

问题是我希望一行有三个div而不是六个div，我将整个部分的

宽度设置为80%，将每个部分的
宽度设置为2666667%，这是80/3，但我的
显示：flex
工作不正常

这是我的密码：


body，
html{
背景：#FFFFFF；
保证金：0；
填充：0；
身高：100%；
}
* {
框大小：边框框；
}
#第四节包装{
宽度：80%；
保证金：0自动；
位置：相对位置；
字号：0；
显示器：flex；
}
.科{
保证金：0；
填充：0；
位置：相对位置；
宽度：26.666667%；
高度：200px；
字体大小：20px；
}
.第1节{
背景：url(http://dreamatico.com/data_images/mountain/mountain-1.jpg);
背景位置：中心；
}
.第2节{
背景：url(http://dreamatico.com/data_images/mountain/mountain-1.jpg);
背景位置：中心；
}
.第3节{
背景：url(http://dreamatico.com/data_images/mountain/mountain-1.jpg);
背景位置：中心；
}
.第4节{
背景：url(http://dreamatico.com/data_images/mountain/mountain-1.jpg);
背景位置：中心；
}
.第5节{
背景：url(http://dreamatico.com/data_images/mountain/mountain-1.jpg);
背景位置：中心；
}
.第6节{
背景：url(http://dreamatico.com/data_images/mountain/mountain-1.jpg);
背景位置：中心；
}
.第1节h3{
字体系列：“机器人”；
颜色：白色；
最高：50%；
左：50%；
保证金：0；
填充：0；
位置：绝对位置；
转换：翻译（-50%，-50%）；
}
.第3节h3{
字体系列：“机器人”；
颜色：白色；
最高：50%；
左：50%；
保证金：0；
填充：0；
位置：绝对位置；
转换：翻译（-50%，-50%）；
}
.第5节h3{
字体系列：“机器人”；
颜色：白色；
最高：50%；
左：50%；
保证金：0；
填充：0；
位置：绝对位置；
转换：翻译（-50%，-50%）；
}

关于我
工作
服务
您缺少了
flex wrap:wrap
当没有更多空间供孩子们展开时，使用它将进行包装

你可以用flex-basis:calc（100%/3）
代替那种奇怪的
宽度

查看一篇关于flexbox的好文章


body，
html{
背景：#FFFFFF；
保证金：0；
填充：0；
身高：100%；
}
* {
框大小：边框框；
}
#第四节包装{
宽度：80%；
保证金：0自动；
位置：相对位置；
字号：0；
显示器：flex；
柔性包装：包装
}
.科{
保证金：0；
填充：0；
位置：相对位置；
弹性：1计算（100%/3）；
高度：200px；
字体大小：20px；
}
.第1节{
背景：url(http://dreamatico.com/data_images/mountain/mountain-1.jpg);
背景位置：中心；
}
.第2节{
背景：url(http://dreamatico.com/data_images/mountain/mountain-1.jpg);
背景位置：中心；
}
.第3节{
背景：url(http://dreamatico.com/data_images/mountain/mountain-1.jpg);
背景位置：中心；
}
.第4节{
背景：url(http://dreamatico.com/data_images/mountain/mountain-1.jpg);
背景位置：中心；
}
.第5节{
背景：url(http://dreamatico.com/data_images/mountain/mountain-1.jpg);
背景位置：中心；
}
.第6节{
背景：url(http://dreamatico.com/data_images/mountain/mountain-1.jpg);
背景位置：中心；
}
.第1节h3{
字体系列：“机器人”；
颜色：白色；
最高：50%；
左：50%；
保证金：0；
填充：0；
位置：绝对位置；
转换：翻译（-50%，-50%）；
}
.第3节h3{
字体系列：“机器人”；
颜色：白色；
最高：50%；
左：50%；
保证金：0；
填充：0；
位置：绝对位置；
转换：翻译（-50%，-50%）；
}
.第5节h3{
字体系列：“机器人”；
颜色：白色；
最高：50%；
左：50%；
保证金：0；
填充：0；
位置：绝对位置；
转换：翻译（-50%，-50%）；
}

关于我
工作
服务