javascript - header 文本出现在其 Div 之外 (Mozilla firefox)。 chrome/IE 没问题

Question

问题是 h5 文本没有出现在 div (id=text) 中。如果有人可以建议，请!感谢您阅读本文并花时间提供帮助!

<div id="footer">
    <div id="instagram">
        <div id="text">
            <h5>Please follow our <a href="https://www.instagram.com/craftyclams/">instagram</a> for future updates !</h5>
        </div>
        <div id="insta-logo">
            <div>
                <a class="whitelink" href="https://www.instagram.com/craftyclams/" id="insta"></a>
            </div>
        </div>
    </div>
</div>

页脚的 CSS 代码:

div 所在位置:

Answer 1

据我所知，您的文字在 div 中。我为你设置了一个 jsfiddle:https://jsfiddle.net/vfakqg90/

下次，请提供您的 CSS，而不是屏幕截图。我完全输入了你的 CSS。

如果可以，请提供完整的 HTML 和 CSS，以便我进一步查看。目前，根据我为您整理的 jsfiddle，我没有发现任何问题。您作为屏幕截图提供的 CSS 如下:

div#footer {
    width: 100%;
    height: 7%;
    background: url("footerbg.jpg");
    background-size: 100% 100%;
    min-width: 1380px;
    background-repeat: no-repeat;
    }
div#instagram {
    width: 80%;
    height: 100%;
    margin: 0 auto;
    display: table;
    table-layout: fixed;
    }
div#instagram div#text {
    width: 70%;
    height: 100%;
    padding-top: 15px;
    display: table-cell;
    }
div#instagram div#text h5 {
    font-family: BRUX, serif;
    color: #fff;
    text-align: center;
    font-size: 1.7em;
    }
h5 a {
    font-family: BRUX, serif;
    color: #fff;
    border-bottom: 3px solid #fff;
    padding-bottom: 3px;
    }
div#instagram div#insta-logo div {
    width: 100%;
    height: 100%;
    padding-top: 30px;
    }
#insta {
    background: url("logo/insta_icon.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: block;
    height: 90%;
    text-indent: 100%;
    white-space: nowrap;
    width: 70%;
    max-width: 250px;
    max-height: 250px;
    }