DIVs边界(比TABLE边界更少的可能性？!)

Question

一个小问题
我有2个DIV,并排(浮动):

AAAAAAAAAAA BBBBBBBBBBB
AAAAAAAAAAA BBBBBBBBBBB
AAAAAAAAAAA
AAAAAAAAAAA

我想要2个DIV之间的1pix实线边框,我希望这个边框具有最长DIV的高度(在我之前的例子中,A的高度,在另一个例子中,B的高度)

AAAAAAAAAAA BBBBBBBBBBB
AAAAAAAAAAA BBBBBBBBBBB
            BBBBBBBBBBB
            BBBBBBBBBBB

我知道如何用一个简单的方法做到这一点,<table>但我不知道如何用DIV做到这一点
我试图为A设置一个边框,为B设置边框左边,但是我有一个2px边框...

谢谢您的帮助!

Answer 1

我不确定这是最好的解决方案,但......

<div id="foo">
AAAAAAAAAAA
AAAAAAAAAAA
AAAAAAAAAAA
AAAAAAAAAAA
</div>
<div id="bar">
BBBBBBBBBBB
BBBBBBBBBBB
</div>

#foo, #bar {
    float: left;
    padding: 5px;
}
#foo {
    border-right: 1px solid #000;
}
#bar {
    border-left: 1px solid #000;
    margin-left: -1px;
}