Html 不知怎的，我的潜水舱越来越高了

我遇到了一个有点特殊的情况，我不能使用flexbox、gridsystem、ec

我正在尝试将图像放入这个容器中，然后在其中包含5个项目后添加一个滚动条。问题是，当其中有4个项目时，它会添加一个滚动条，不知何故，项目容器会有额外的高度，使红色背景可见

/*版权所有2014 Owen Versteeg；MIT licensed*/body，textarea，input，select{background:0；border radius:0；font:16px无衬线；margin:0}。平滑{transition:all.2s}.btn，.nav a{text装饰：none}。容器{margin:0 20px；宽度：auto}标签>*{display:inline}表单>*{display:block；margin bottom:10px}.btn背景：{背景：{背景：{999；边界半径：6px；边界半径：6px999；边界半径：6px999；边界半径：6p999；边界半径：999；边界半径：6px999；边界半径：6px；边界半径：6px；边界半径：6px；边界；边界：0；边界：0；边界：0；颜色：0；颜色：fff；光标：内线区块；边缘：2×0；边缘：2×0；填充：12px 30 px 30 px 30 px 14 px 14 px 14 px 14 px 14 px 14 px 14 px 10.px}。0.px 0 0.0.0.0.0.0.0.Px.填充：填充：填充：10.10.10.Px.填料：10.px 0.10.10.px..Px.Px.Px.Px.Px...0.0.0.0.0.0}.btn-b:悬停{背景：#2b4}btn-c c{背景：{背景：：ţd33}。btn-c c：{背景：353}。btn-c：{背景：353}。btn-c：b.btn-b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：重点（背景：{{背景：：{背景：：：：{背景：{背景：{背景：{背景：；背景：：：；背景：；背景：：：：：：35555555555555559{宽度：75%}.c8{宽度：66.66%}.c7{宽度：58.33%}.c6{width:50%}.c5{width:41.66%}.c4{width:33.33%}.c3{width:25%}.c2{width:16.66%}.c1{width:8.33%}h1{font size:3em}.btn，h2{font size:2em}.ico{font:33px Arial Unicode MS，Lucida Sans Unicode}.addon，.btn sm，.nav，textarea，input，选择{outline:0；字体大小：14px}textarea，input，选择填充区域，选择边框，焦点区域}边界颜色：{边界颜色：{边界颜色：355Ab}边界颜色：{边界颜色：{边界颜色：{边界颜色：{边界颜色：{边界颜色：{边界颜色：{边界颜色：{边界颜色：{边界颜色：{边界颜色：{边界颜色，输入区，输入区，输入区，输入区，输入区，输入区，输入区，输入区，输入[网络工具包外观外观：外观外观：无；宽度：13米.附加.地址.地址：{填充：{填充：填充：8px 12px x 12px；盒子阴影：8px；盒子阴影：0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1px 351010 10 10 \\\\\\35555555555555555551px \N-关闭{背景：#000；浮点：右；字体大小：25px；边距：-54px 7px；显示：无}@media（最小宽度：1310px）{.container{margin:auto；width:1270px}@media（最大宽度：870px）{.row.col width:100%}@media（最大宽度：500px）{.btn.btn关闭{display:block}.nav{overflow:hidden}.pagename{margin top:-11px}.nav:active nav:div{背景：#000；边框底部：10px双精度；边框顶部：3px实心；内容：''；浮点：右；高度：4px；位置：相对；右：3px；顶部：14px；宽度：20px}.nav a{padding:.5em0；显示：块；宽度：50%}.table th，.table td{padding:.5em；文本对齐：left}.table tbody>:nth子级（2n-1）{背景：#ddd}.msg{paddd:1.5em；背景：def}.def}
身体{
背景：白色；
}
身体{
背景：rgba（25,25,25255）
}
#标题文本{
颜色：红色；
文本对齐：居中；
边际上限：0；
页边距底部：0；
}
#标题-text2{
颜色：蓝色；
文本对齐：居中；
边际上限：0；
页边距底部：0；
}
.物品容器{
宽度：400px；
高度：100px；
保证金：0自动；
填充：0；
溢出：自动；
溢出x：隐藏；
背景：红色；
}
.项目{
保证金：0；
宽度：25%；
高度：100px；
背景：rgba（0,0,20255）；
}
/*.项目：悬停{
边框：纯白1px；
}*/
#谢谢{
利润率：10px自动；
显示：块；
高度：45px；
宽度：400px；
字体大小：16px；
填充：0；
背景：rgba（0,0,0,0）；
边框：1px纯蓝色；
边框宽度：2倍；
}
#谢谢btn：悬停{
-webkit动画名称：示例；
-webkit动画持续时间：0.2s；
边框颜色：绿色；
}
@-webkit关键帧示例{
来自{边框颜色：蓝色；}
至{边框颜色：绿色；}
}
你好
你好
谢谢

只要给你的

.item容器一个
字体大小
等于
0
。
字体大小
和
行高
有时会更改元素的高度

工作代码如下。

/*版权所有2014 Owen Versteeg；MIT许可*/正文，文本区域，输入，选择{背景：0；边框半径：0；字体：16px无衬线；边距：0}。平滑{过渡：all.2s}.btn，.nav a{文本装饰：无}。容器{边距：0 20px；宽度：自动}标签>*{显示：内联}形式>*{显示：块；边距底部：10px}.btn背景：{背景：{背景：{999；边界半径：6px；边界半径：6px999；边界半径：6px999；边界半径：6p999；边界半径：999；边界半径：6px999；边界半径：6px；边界半径：6px；边界半径：6px；边界；边界：0；边界：0；边界：0；颜色：0；颜色：fff；光标：内线区块；边缘：2×0；边缘：2×0；填充：12px 30 px 30 px 30 px 14 px 14 px 14 px 14 px 14 px 14 px 14 px 10.px}。0.px 0 0.0.0.0.0.0.0.Px.填充：填充：填充：10.10.10.Px.填料：10.px 0.10.10.px..Px.Px.Px.Px.Px...0.0.0.0.0.0}.btn-b:悬停{背景：#2b4}btn-c c{背景：{背景：：ţd33}。btn-c c：{背景：353}。btn-c：{背景：353}。btn-c：b.btn-b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：b：重点（背景：{{背景：：{背景：：：：{背景：{背景：{背景：{背景：；背景：：：；背景：；背景：：：：：：35555555555555559{宽度：75%}.c8{宽度：66.66%}.c7{宽度：58.33%}.c6{width:50%}.c5{width:41.66%}.c4{width:33.33%}.c3{width:25%}.c2{width:16.66%}.c1{width:8.33%}h1{font size:3em}.btn，h2{font size:2em}.ico{font:33px Arial Unicode MS，Lucida Sans Unicode}.addon，.btn sm，.nav，textarea，input，选择{outline:0；字体大小：14px}textarea，input，选择填充区域，选择边框，焦点区域}{边框颜色：#5ab}文本区域，输入[type=t