Html 引导转盘-下一个容器不可见

容器（“我的代码中的第五个区块”）必须在我的旋转木马（位于“第四个区块”）之后。但集装箱在传送带下面。当重新加载页面或滚动旋转木马时，它是明显的

以下是我的HTML代码：

    <div class="fourth-block">
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="images/carousel-alyona.jpg" alt="Chania">
            </div>
            <div class="item">
                <img src="images/carousel-lera.jpg">
            </div>
            <div class="item">
                <img src="images/carousel-lesya.jpg">
            </div>
        </div>

        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
            <span class="carousel-arrow glyphicon glyphicon-menu-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
            <span class="carousel-arrow glyphicon glyphicon-menu-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>

<div class="fifth-block container-fluid">
    <p class="proof-text">SOME TEXT</p>
</div>

---

旋转木马应该放在标题中

@AllDani@AllDani它在JSIDLE中不明显，但当HTML文件直接在浏览器中打开时，第五个块在第四个块下。JSIDLE不再为我加载。@AllDani解决方案是将旋转木马放在。。。很好用now@AllDani我不知道为什么没有为你装上。。刚刚检查过，一切正常

    .fourth-block {
width: 100%;
height: 300px;
}

 #myCarousel {
 height: 300px;
 }

 fifth-block {
 background: #F2EADC;
 padding-top: 30px;
 height: 200px;
 background-image: url("../images/pic3.jpg");
 background-repeat: repeat;
 }

.proof-text {
font-family: SummerFontLight;
font-size: 20px;
 text-align: center;
}