Html 如何使用css（带浮动）开发水平条

如何在css中开发水平滚动项（我们必须使用float）。下面是我是如何做到这一点的。但我没能得到想要的结果。我不能使用flexbox，因为我需要支持IE。我只能使用float。看一下我的代码，让我知道我在哪里犯了错误

.bar{
浮动：左；
背景色：rgb（250250250）；
最小宽度：100%；
高度：62px；
填充顶部：8px；
空白：nowrap；
溢出-x：自动；
-webkit溢出滚动：触摸；
-ms溢出样式：-ms自动隐藏滚动条；
}
.盒子{
浮动：左；
显示：块；
高度：46px；
宽度：钙（12.5%-8px）；
边界半径：3px；
背景色：rgba（0,123,45,1）；
盒影：0 3px4p0 rgba（211246250,1）；
文本对齐：居中；
左边距：13px；
填充物：5px；
}
.天{
显示：块；
不透明度：0.76；
颜色：rgba（255，255，255，1）；
字体大小：11px；
线高：13px；
}
.日期{
显示：块；
颜色：rgba（255，255，255，1）；
字号：18px；
字号：500；
线高：22px；
}

星期一
25
星期一
25
星期一
25
星期一
25
星期一
25
星期一
25
星期一
25
星期一
25

您应该使用表而不是嵌套的浮动元素。这就是在IE上运行代码的方法

.bar{
背景色：rgb（250250250）；
最小宽度：100%；
高度：100px；
填充顶部：8px；
空白：nowrap；
溢出-x：滚动；
-webkit溢出滚动：触摸；
-ms溢出样式：-ms自动隐藏滚动条；
}
.盒子{
浮动：左；
显示：块；
高度：46px；
宽度：100px；
边界半径：3px；
背景色：rgba（0,123,45,1）；
盒影：0 3px4p0 rgba（211246250,1）；
文本对齐：居中；
左边距：13px；
填充物：5px；
}
.天{
显示：块；
不透明度：0.76；
颜色：rgba（255，255，255，1）；
字体大小：11px；
线高：13px；
}
.日期{
显示：块；
颜色：rgba（255，255，255，1）；
字号：18px；
字号：500；
线高：22px；
}

星期一
25
星期一
25
星期一
25
星期一
25
星期一
25
星期一
25
星期一
25
星期一
25

但我无法获得所需结果。您的预期结果是什么？如果元素超过7项，我需要支持水平滚动。您可以准确地看到我们需要什么。请不要删除问题。如果您的问题得到解决，其他人可能会发现它很有用。发布您的答案（不在评论中）所以每个人都有这个问题可以解决