Html 文本输入填充与父容器的网格间距重叠
目前我有这个联系方式 联系方式{ 填充：100px； } .斯普利特罗{ 显示：网格； 网格模板列：50%50%； 栅隙：20px； } .输入容器{ 宽度：100%； 利润率：10px； } .输入{ 显示：块； } .txtInput{ 宽度：100%； 边缘顶部：10px； 填充：8px 14px； } 联系人提交TBTN{ 填充：10px 16px； 利润率：10px； } contactMessageInput{ 调整大小：无； } @仅介质屏幕，最大宽度：700px{ .斯普利特罗{ 网格模板列：100%； } 联系人提交TBTN{ 宽度：100%； } } 名字* 姓* 公司 电子邮件* 电话 你的信息* 添加框大小：边框框；关于.txtInput 添加框大小：边框框；关于.txtInput 我建议在所有元素上添加框大小：边框框，以保持相同的框模型 这将简单地解决问题。您可以注意到引导也使用相同的盒子模型 * { 框大小：边框框； } 联系方式{ 填充：100px； } .斯普利特罗{ 显示：网格； 网格模板列：50%50%； 栅隙：20px； } .输入容器{ 宽度：100%； 利润率：10px； } .输入{ 显示：块； } .txtInput{ 宽度：100%； 边缘顶部：10px； 填充：8px 14px； } 联系人提交TBTN{ 填充：10px 16px； 利润率：10px； } contactMessageInput{ 调整大小：无； } @仅介质屏幕，最大宽度：700px{ .斯普利特罗{ 网格模板列：100%； } 联系人提交TBTN{ 宽度：100%； } } 名字* 姓* 公司 电子邮件* 电话 你的信息* 我建议在所有元素上添加框大小：边框框，以保持相同的框模型 这将简单地解决问题。您可以注意到引导也使用相同的盒子模型 * { 框大小：边框框； } 联系方式{ 填充：100px； } .斯普利特罗{ 显示：网格； 网格模板列：50%50%； 栅隙：20px； } .输入容器{ 宽度：100%； 利润率：10px； } .输入{ 显示：块； } .txtInput{ 宽度：100%； 边缘顶部：10px； 填充：8px 14px； } 联系人提交TBTN{ 填充：10px 16px； 利润率：10px； } contactMessageInput{ 调整大小：无； } @仅介质屏幕，最大宽度：700px{ .斯普利特罗{ 网格模板列：100%； } 联系人提交TBTN{ 宽度：100%； } } 名字* 姓* 公司 电子邮件* 电话 你的信息* 在.splitRow中，您尝试设置溢出的100%宽度+20px。 尝试将网格更改为：Html 文本输入填充与父容器的网格间距重叠,html,css,Html,Css,目前我有这个联系方式 联系方式{ 填充：100px； } .斯普利特罗{ 显示：网格； 网格模板列：50%50%； 栅隙：20px； } .输入容器{ 宽度：100%； 利润率：10px； } .输入{ 显示：块； } .txtInput{ 宽度：100%； 边缘顶部：10px； 填充：8px 14px； } 联系人提交TBTN{ 填充：10px 16px； 利润率：10px； } contactMessageInput{ 调整大小：无； } @仅介质屏幕，最大宽度：700px{ .斯普利特罗
grid-template-columns: 48% 48%;
grid-gap: 4%;
grid-template-columns: calc(50% - 10px) calc(50% - 10px);
grid-gap: 20px;
grid-template-columns: 48% 48%;
grid-gap: 4%;
grid-template-columns: calc(50% - 10px) calc(50% - 10px);
grid-gap: 20px;