Question

此处http://jsfiddle.net/d5F2v/1/

我正在尝试让左上方边框的聊天框粘贴到页面底部文本字段的顶部边框。

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

聊天中的右边框应该粘贴在用户框的左边框上。我现在这样做的方法是将宽度定义为75％，将另一个宽度定义为20％。根据页面的分辨率，这是空间之间的不一致比率。

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

Answer 1

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

如果为div，则设置无边框{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>

有用吗？

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

1 个答案: