Html 让两个div中较大的一个并排浮动以扩展其边界？

我有两个

如下所示：

---------------------------
|           |             |
| DIV 1     |  DIV 2      |
|           |             |
---------------------------

第一个div向左浮动，而第二个div向右浮动。左div具有右边框，而第二个div具有左边框。 我希望这些div中较大的一个将其边框一直延伸到容器的底部，我只需要一个边框

我怎样才能做到这一点

---

非常感谢您的帮助。

您的意思是希望较大的div为集装箱的全高吗？如果这是您的意思，您可以在css中为较大的分区指定100%的高度。

使用jQuery 把这个加在头上

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>

把这个片段放在头上或身上

<script type="text/javascript">
    $(document).ready(function() {
        var large=$(div).eq(0), small = $(div).eq(1), temp;
        if(large.height()<small.height()) {
            temp = large;
            large = small;
            small = temp;
        }
        large.css('border-right','1px solid black');
        small.css('border-left', '0px');
    });
</script>

$（文档）.ready（函数（）{
变量大=$（div.eq（0），小=$（div.eq（1），温度；
if（large.height（）实现此效果的一种方法是通过绝对定位。在这种方法中，容器的宽度是已知的（例如1024px）您可以在两个div之间划分可用空间，324px用于
div2
，700px用于
div1
。这样，您就不必浮动div。您所要做的就是为容器定义
position:relative；
，为两个div定义
position:absolute；
。然后您必须指定

top: 0;
right: 324px;
bottom: 0;
left: 0;

对于您的
div1

另一种方法是您在这里使用的浮动。通过浮动，您应该将两个div向左或向右浮动，并为每个div指定宽度。然后您不必担心宽度的高度，因为
div1
将根据其内容进行扩展。
如果您的意思是div one高于div 2，那么您可以让他们保持同样的高度，这就是你的剧本

function setHeight(id1, id2){

   //haal de elementen op en plaats deze in een lokale variabel
   var elem1 = document.getElementById(id1);
   var elem2 = document.getElementById(id2);

   // controleer of de offsetHeight van element1 of 2 groter is
   // dan de ander en pas de kleinste aan
   if(elem1.offsetHeight>elem2.offsetHeight){
       elem2.style.height = elem1.offsetHeight+'px';
   }else{
       elem1.style.height = elem2.offsetHeight+'px';
   }


}

当然，把它放在javascript文件或html的头部de-script标记中，并把下面的代码放在body标记中

onload="setHeight(id1, id2)"

现在，您只需要给出要调整id1和ID2大小的div（可以是任何名称，只要参数中有它），并且它可以工作：）

祝你好运，
如果您有isues，请告诉我。我自己使用它，这样它就可以工作：）
您希望它仅从CSS完成，或者您也可以使用Java脚本？？