html - 流畅的布局和边框

Question

我遇到了液体布局和边框的问题，导致元素溢出。

• 这是一个带有无边框页面示例的 jfiddle（工作正常）：http: //jsfiddle.net/eRaB5/1/
• 现在这是我想要发生的事情的一个例子，但它打破了。 http://jsfiddle.net/eRaB5/2/

结构有点像这样：

<div id="container">
    <label>Label</label><input type="text' />
</div>

#container{width: 100%;}
label{width: 25%;}
input{width: 75;}

我需要将这些值加起来达到 100%，以便左右边缘对齐。只有输入上的边框才能有效地使输入宽度width: 100% +2px;

有没有办法只使用 CSS 来解决这个问题？

Answer 1

负边距

您可以尝试设置负边距：

margin: -1px;

我已经在您的 jsFiddle 上更改了它们，并且文本框确实跳到了标签的右侧。

Answer 2

固定的：

http://jsfiddle.net/Mutant_Tractor/eRaB5/3/

只需添加

margin: -1px;

.input-text上课。