div溢出百分比小



我正在用960grid系统创建一个响应式网站,但我遇到了一个小问题。如果你看一下网站http://www.mesquidatattoo.com/new在div #slide 4或联系人表单所在的位置,当您将窗口水平调整为移动大小时,它会溢出,导致其中的输入(具有width: 100%;)拉伸并离开容器。我可以做overflow: hidden;,但那不能解决问题。

在CSS中添加以下内容:

input[type=text],
textarea {
    box-sizing: border-box;
}

这将在计算元素宽度时考虑填充。

您可能需要浏览器前缀,这取决于您要适应的浏览器。

框大小浏览器支持

最新更新