html - 流体输入和固定侧边栏

Question

我正在尝试创建一个 100% 流畅的输入框，左侧有描述。我几乎完全按照我想要的方式拥有它，只是当我在输入框上放置边框时它现在给我带来了问题，因为它在右侧将其切断。

如果不使用 99% 而不是 100% 宽度，我该如何实现呢？我应该使用额外的 div 而不是“标签”来执行此操作吗？

http://jsfiddle.net/GCt3z/18/

Answer 1

的确：

box-sizing: border-box;

将更改元素上的框模型，其中包括宽度计算中的边框和填充。

例子

Answer 2

只需添加一个填充来补偿被切断的边界就可以尽可能简单地解决您的问题：

 .fieldwrapper { overflow: hidden; padding: 0 2px}

http://jsfiddle.net/GCt3z/24/