Question

我正在尝试创建一个带有左侧描述的100％流体输入框。我几乎完全按照我的要求，但是当我在输入框上放置一个边框时，它现在会给我带来麻烦，因为它会在右侧将其切掉。

如果不使用99％而不是100％宽度，我该如何实现这一目标？我应该使用额外的div而不是“标签”吗？

Answer 1

事实上：

box-sizing: border-box;

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

Answer 2

只需添加填充以补偿被切断的边框，就可以轻松解决您的问题：

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