Question

我有一个div容器定义如下，并且一直试图想出一个设置，允许底部“bar”是一个固定大小的“grid”部分，其余部分取决于总数的大小区域。

我得到的最接近的是position:fixed，但是酒吧有点脱离，在总面积变小的情况下盘旋在上面。我希望它仍然在网格后面附加。

当总面积相当大时，其他设置工作正常，但是尺寸较小时，条形仅仅是条子，因为它只分配了5％。

var sContainer = "<div id='paging_container_{0}' style='position: relative; top: 0px; left: 0px; width: 100%; height: 100%; border: #B5CDE4 1px solid;'>".format(oTabProps.ID);
sContainer += "<div id='gridbox_{0}' style='width:100%; height:95%; background-color:white;overflow:auto'></div>".format(oTabProps.ID);
sContainer += "<div id='recinfoArea_{0}' style='overflow: auto;width:100%;height:30px;position:absolute;'></div>".format(oTabProps.ID);
sContainer += "</div>";

Answer 1

为了什么是值得的，我在＆＃34; bar＆＃34;中添加了以下内容：容器，似乎做我想要的，它总是在底部高30px

position: absolute;bottom: 0; overflow: auto;width:100%

固定高度div低于相对包含div内的相对div

1 个答案: