Css 填写动态div的剩余高度

如何让左侧的底部框填充div的其余高度，使边框向下延伸到框的底部

现在，行在左框的内容停止的地方停止

HTML

---

有什么理由不在#rightcolumn上使用左边框，而在#leftcolumn上使用右边框

例如：

---

使用

显示：表格单元格

是未来的解决方案，请先搜索再提问，关于这个主题有无数的问题。我搜索了很多，但很多解决方案都不是动态内容，而是填写浏览器其余部分的问题。我试过用桌上电池，但没法工作。我将结束这个问题，再试一次。谢谢你的反馈！对这是因为在使用它的网站中，有一个额外的栏目，栏目之间的内容也没有动态内容长，所以这只是一个例子。

<div id="container">
        <div id="leftcolumn">
            <div id="fixedbox">
                Fixed size
            </div>
            <div id="restbox"><p>Fill out box</P></div>
        </div>
        <div id="rightcolumn">

            <p>Dynamic content</p>

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

body {
    background-color:#ccc;
}
#container {
    margin:0 auto;
    width:80%;
    background-color: #fff;

}
#leftcolumn {
    width:29%;
        float:left;
        border-right:1px solid #000;

    }

    #rightcolumn {
width:68%;
        float:left;
        margin-left: 2%
    }

    #fixedbox {

        width:100%;
        height:200px;
        border-bottom: 1px solid #000;
    }

    #restbox {
        width:100%;
    }

#leftcolumn {
    width:29%;
    float:left;
}

#rightcolumn {
    width:68%;
    float:left;
    border-left:1px solid #000;
    padding-left:10px;
    box-sizing: border-box;
}