Bootstrap div没有正确堆叠(Bootstrap divs not stacking right)

 我有两个带.container类的div，它们没有正确堆叠。 相反，它们重叠。 
 
 这是我的代码： 
 
 HTML 
 
<div id="crossfadingImages" class="container">
    <img src="./media/..." class="bottom img-responsive" alt="..."/> 
    <img src="./media/..." class="top img-responsive" alt="..."/>
</div>

<div id="about" class="container">
    <div class="row">
        <div class="col-sm-6">
            <p>about...</p>
        </div>
        <div class="col-sm-6">

        </div>
    </div>
</div>
 
 CSS 
 
#crossfadingImages{
    position: relative;
    width: 100%;
    padding: 0;
    margin-top: 55px;
}
#crossfadingImages img{
    position: absolute;
    left: 0;
    -webkit-transition: opacity 3s ease-in-out;
    -moz-transition: opacity 3s ease-in-out;
    -o-transition: opacity 3s ease-in-out;
     transition: opacity 3s ease-in-out;
}
#crossfadingImages img.top:hover{
    opacity: 0;
}
 
 我认为问题是crossfadingImages div中图像的绝对位置。 请提供您的问题的解决方案以及解释。 

I have two divs with .container class which are not stacking properly. Instead, they overlap.
 
This is my code:
 
HTML
 
<div id="crossfadingImages" class="container">
    <img src="./media/..." class="bottom img-responsive" alt="..."/> 
    <img src="./media/..." class="top img-responsive" alt="..."/>
</div>

<div id="about" class="container">
    <div class="row">
        <div class="col-sm-6">
            <p>about...</p>
        </div>
        <div class="col-sm-6">

        </div>
    </div>
</div>
 
CSS
 
#crossfadingImages{
    position: relative;
    width: 100%;
    padding: 0;
    margin-top: 55px;
}
#crossfadingImages img{
    position: absolute;
    left: 0;
    -webkit-transition: opacity 3s ease-in-out;
    -moz-transition: opacity 3s ease-in-out;
    -o-transition: opacity 3s ease-in-out;
     transition: opacity 3s ease-in-out;
}
#crossfadingImages img.top:hover{
    opacity: 0;
}
 
I think the problem is absolute position of images in crossfadingImages div. Please provide your solution to my problem as well as an explanation.

原文：https://stackoverflow.com/questions/38931360