如何使元素的边缘贴到CSS的另一个元素的边缘？

Question

这里的页面http://jsfiddle.net/d5F2v/1/

我试图让左上角的底部边框上的聊天框卡在页面底部的文本字段的顶部边框上。

与右上角的用户列表框相同。

并且聊天上的右边框应粘贴到用户框的左边框。我现在这样做的方式是将其宽度定义为75％，其他20％。这是根据页面的分辨率而不同的空间比例。

如果我将文本字段的宽度设置为100％，则会超出页面。无论如何要告诉它是100％的页面宽度，没有更多？

Answer 1

如果表，尝试table{border-collapse:collapse}

如果格，设置无边框{border-left:none}

或使用margin这样的：

.c {clear:both;} 
.r {float:right;} 

.b1 {border:3px solid #123;border-collapse:collapse;margin-left:-3px;} 

.b2 {border:3px solid blue;border-collapse:collapse;} 


<div class="c"> 
    <div class="box r b1"></div> 
    <div class="box r b2"></div> 
<div> 

是有用的？