html - 停止包含 div 的边框重叠的输入文本框

Question

我的输入文本框与它在末尾包含 div 重叠。有没有一种方法可以在不进行精确像素宽度的情况下阻止这种情况发生，我想让它保持流畅以用于媒体查询。

小提琴http://jsfiddle.net/5TzQK/

感谢：D

Answer 1

习惯于box-sizing在你的CSS中

    input.txtboxplain{
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}

现场演示

现在更多关于 box-sizing点击这里

Answer 2

您可以通过添加解决此问题

padding: 1px;

到你的div.sidemenubox班级。

希望有帮助！