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

Question

我的输入文本框在末尾重叠了包含div的内容。有没有办法可以阻止这种情况发生，而不是做一个精确的像素宽度，我想让它保持流畅，以便在媒体查询中使用。

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

谢谢你

Answer 1

用于 css

中的box-sizing

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

live demo

现在更多关于框大小 click here

Answer 2

您可以通过添加

来解决此问题

padding: 1px;

到你的div.sidemenubox班。

希望有所帮助！