html - CSS 高度，如何让它绕过内部 div

Question

为什么我的边框没有围绕我的内部 div，我的内部 div 边框没有到达外部 div 的底部，(在 FF 中，但所有主流浏览器都需要这个)。

谁能帮忙

<div id="main">
    <div class="insidediv">
        <p>Article 1</p>
    </div>
    <div class="insidediv">
        <p>Article 2</p>

    </div>
    <div class="insidediv">
<p>Article 3</p>
    </div>
</div>

#main{
    width: 800px;
    height: 100%;
    border: 20px solid black;
}

.insidediv{
    width: 200px;
    height: 100%;
    border-right: 20px solid black;
    float:left;
}

Answer 1

将#main 更改为float: left; 或overflow:hidden。我推荐花车