Css 左浮动列表项的总宽度

在下面的CSS

@media screen and (max-width: 750px) {
  .flexbox {
    display: block;
  }
  .menu ul {
    padding-right: 7px;
    padding-top: 7px;
    width: 2140px; /* Should not be a fixed calculated number */
  }
  .menu ul > li {
    box-sizing: border-box;
    margin-right: 0;
    margin-top: 0;
    width: 100px;
    float: left;
  }
}

宽度：2140px

不应该是固定的计算数字，因为它可以不同

总计

*{
保证金：0；
填充：0；
边界：0；
垂直对齐：底座；
}
#包装纸{
位置：相对位置；
}
标题，
页脚{
位置：绝对位置；
身高：10%；
宽度：100%；
背景：米色；
}
页脚{
最高：90%；
}
.flexbox{
显示器：flex；
边框：1px实心；
位置：绝对位置；
宽度：90%；
左：5%；
身高：70%；
最高：15%；
}
.菜单{
弹性：1；
溢出y：自动；
}
.菜单ul{
z指数：3；
列表样式类型：无；
}
.菜单ul>li{
边框：1px纯黑；
背景：高度：70px；
利润率：7px；
填充：7px；
}
主要{
弹性：3；
边框：1px纯黑；
}
@媒体屏幕和屏幕（最大宽度：750px）{
.flexbox{
显示：块；
}
.菜单ul{
右侧填充：7px；
填充顶部：7px；
宽度：2140px；
/*不应为固定的计算数*/
}
.菜单ul>li{
框大小：边框框；
右边距：0；
边际上限：0；
宽度：100px；
浮动：左；
}
}

第一节
文本1



第二节
文本2



第三节
文本3



第四节
文本4



第五节
文本5



第六节
文本6



第7节
文本7



第8节
文本8



第9节
文本9



第10节
文本10



第11节
案文11



第12节
文本12



第13节
文本13



第14节
文本14



第15节
文本15



第16节
文本16



第17节
案文17



第18节
案文18



第19节
案文19



第20节
文本20



主要

从

菜单ul>li{

删除浮动：左侧并添加显示：表格单元格

*{
保证金：0；
填充：0；
边界：0；
垂直对齐：底座；
}
#包装纸{
位置：相对位置；
}
标题，
页脚{
位置：绝对位置；
身高：10%；
宽度：100%；
背景：米色；
}
页脚{
最高：90%；
}
.flexbox{
显示器：flex；
边框：1px实心；
位置：绝对位置；
宽度：90%；
左：5%；
身高：70%；
最高：15%；
}
.菜单{
弹性：1；
溢出y：自动；
}
.菜单ul{
z指数：3；
列表样式类型：无；
}
.菜单ul>li{
边框：1px纯黑；
背景：高度：70px；
利润率：7px；
填充：7px；
}
主要{
弹性：3；
边框：1px纯黑；
}
@媒体屏幕和屏幕（最大宽度：750px）{
.flexbox{
显示：块；
}
.菜单ul{
右侧填充：7px；
填充顶部：7px；
/*宽度：2140px*/
/*不应为固定的计算数*/
}
.菜单ul>li{
框大小：边框框；
右边距：0；
边际上限：0；
宽度：100px；
/*浮动：左*/
显示：表格单元格；
}
}

第一节
文本1



第二节
文本2



第三节
文本3



第四节
文本4



第五节
文本5



第六节
文本6



第7节
文本7



第8节
文本8



第9节
文本9



第10节
文本10



第11节
案文11



第12节
文本12



第13节
文本13



第14节
文本14



第15节
文本15



第16节
文本16



第17节
案文17