Question

我正在尝试创建一个div，在单击其相对父级时显示信息。我已经把所有的JS都设置好了，但是在我深入研究之前，我似乎无法在包含所有内容的绝对div中显示任何内容。下面，我有一些代码和JSFiddle重新创建问题（是的，我的内部文本类没有高度，但无论有没有，问题仍然存在）。这有什么原因/我可以让这个工作。我们走了：

HTML：

<div class="content-container">
    <div class="content">
        <div class="project" style="margin-bottom:368px;">
            <div id="p-inner" style="">
                <div class="inner-text">
                <p>Test</p>
                </div>
            </div>
       </div>
    </div>
</div>

CSS：

.content-container {
    overflow: auto;
    text-align: center;
    font-size: 0;
}
.project {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 25%;
    max-height: 386px;
    z-index: 2;
    vertical-align: top;
}
#p-inner {
    z-index: 3;
    position: absolute;
    left: 0;
    background: #fff;
    width: 100%;
    height: 368px;
}
.inner-text {
    bottom: 0px;
    width :90%;
}

这是我的JSFiddle：https://jsfiddle.net/6am4ovqk/ 如果我睡了一觉，我几乎是肯定的，答案会在明天早上打击我，但我仍然想通过提出这个问题帮助其他人解决类似问题。

Answer 1

因为有font-size：0;在.content-container

.content-container {
    overflow: auto;
    text-align: center;
    font-size: 20px;
}

给出一些大于0的字体大小。它将显示。

<强> Working Fiddle

绝对div内的内容不会显示？

1 个答案: