液体布局和边框

Question

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

• 这是一个以exmaple为例的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课程。