分区不清除浮动

Question

我在我的小提琴中镶嵌了php，这样你就可以了解css问题。 My Fiddle，问题是有两列，一个在左边，一个在右边，只要右栏中的大量内容div不清除或推出其下面的任何东西，最初问题是它把它变成了一个框架 - 所以我删除了问题，但现在thr右列与下面的部分重叠？

这是一个可视化解释的图像：

<div class="wrapper" style=" height: auto; overflow: visible;">
    <div class="columnsContainer" style="height: auto; overflow: visible;">

        <div class="leftColumn">




               <div class="bodyheadertop" style="background-color:#498d7b;">
                        <h3>For sale</h3>
                    </div>
                        <div id="triangle-topright" style="float:right; border-top: 25px solid #498d7b; margin-bottom: 40px;">
                        </div>
                            <div style="clear:both;"></div>



    <div class="salespost">
        <div class="salespostleft">
            <h4><a href=""></a></h4>



                <ul>

        </ul>

        </div>




<div  class="salespostright">

</div>




<div style="clear:both;"></div>
</div>



</div>



<div class="rightColumn">



<div class="bodyheadertopalt" style="background-color:#498d7b;">
<h3>Successful Sales</h3>
</div>

<div id="triangle-topright" style="float:right; border-top: 25px solid #498d7b; margin-bottom: 40px;"></div>

<div style="clear:both;"></div>


                </div>
                <div  class="soldpostright"></div>
                <div style="clear:both;"></div>
            </div>

            <?php } ?>


            </div>
        </div>
    </div>

这是有问题的代码。

Answer 1

我已经解决了这个问题。问题是我用em来计算我的两列。我已将其切换为像素并解决了问题。