当我放置img

Question

我有5个具有滚动事件监听器的多列。问题是，当我将图片放在一列中时，其他列则位于该列之下。我尝试了一些clearfix解决方案，但不起作用。

你能帮我吗？

这是一个没有图片的jsfiddle-我将CSS放在旁边（我希望它可以像这样工作，但是带有图片，而不是文本）-https://jsfiddle.net/u849yzn3/15/

这就是我放图片时发生的事情-https://jsfiddle.net/georgeSohan/7puf3z9m/4/

这是html

<div id="main" class="clearfix">

    <div class="scroll-class columnScroll clearfix" id="scroll">

    <div class="imgWrap clearfix"><img src="images/0-i6"> </div>
        <div class="imgWrap clearfix"><img src="images/0-i6.jpg"</div>
        <div class="imgWrap clearfix"><img src="images/0portrait.jpg"</div>


    </div>



    <div class="columnScroll clearfix"><p> Some Text</p></div>
    <div class="columnScroll clearfix"><p> Some text</p></div>
    <div class="columnScroll clearfix"><p> Some text</p></div>
    <div class="columnScroll clearfix"><p> Some text</p></div>

</div>

谢谢！