Html CSS溢出和显示问题

我有一个问题，三个div

我有一个是容器（

“position:absolute；z-index:-1”

），另外两个是子容器（

“position:absolute；z-index:*n*”

），为了动画的目的而过度渲染。无论如何，这两个子容器都有一个跨度的“网格”（

“位置：相对；显示：内联块”

）。具有固定大小25x25像素，跨距具有背景图像形式的精灵。问题在于容器的溢出似乎不会影响子容器（即，应该隐藏的跨度仍在显示，但似乎不符合元素的“高度”属性）。有什么解决办法吗

我没有任何其他样式表，或者在文档样式中，所有内容都是通过JS&jQuery动态生成的。将在8-10小时后提供屏幕截图=D

测试的浏览器是Ubuntu中最新的FF（20.0）

编辑

---

以下是

显示通常会出现的问题：内联

或

内联块

元素是由于通常占据它们的文本大小而出现的。解决这个问题的方法是利用

行高

。因为您根本没有任何文本，所以可以将其安全设置为

0

我在Chrome 26和Firefox 20中测试了它

下面是使用CherryFlavourPez的

垂直对齐：top

的替代解决方案

---

关于

溢出

。您正在

#map

上使用

溢出：隐藏
，结构如下：

<div id="map">
    <div id="layer1">
    <div id="layer2">
</div>

你能试着做一个JSFIDLE吗？很难理解，请在第二页中加入一个显示问题的图片，伙计们。好的+1，但是你能回答我上面的问题吗，关于溢出？你是上帝的伙伴！非常感谢你的回答！我建议将
垂直对齐
属性设置为默认的
基线
（例如
span{vertical align:top
）以外的任何属性，而不是将
行高设置为
0
（如果标记将来包含任何文本，可能会导致问题）。这些间隙是字母“g”和“p”上的下行字母的间隙，因此设置
行高将解决此问题。
#layer1 span {
    vertical-align:top;
}

<div id="map">
    <div id="layer1">
    <div id="layer2">
</div>

#layer1,
#layer2 {
    overflow:hidden;
}