流畅的布局和边框答案

【问题标题】：Liquid layouts and borders流畅的布局和边框
【发布时间】：2011-02-10 13:19:17
【问题描述】：

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

结构有点像这样：

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

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

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

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

【问题讨论】：

【解决方案1】：

负边距

您可以尝试设置负边距：

margin: -1px;

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

【讨论】：

【解决方案2】：

固定：

只需添加

margin: -1px;

到.input-text 类。

【讨论】：