错误效果：
出现原因：在这里我的原因是给它设置了左内边距，导致盒子撑开了，
解决方案：
把输入框设置为css3盒子模型，就不会出现以上溢出效果了
box-sizing: border-box;
注意：如果设置成C3盒子模块，就不能依靠行高，和内边距把它变宽或变高了，必须的设置高度，才能撑开
博客讨论了CSS3盒子模型如何避免元素内容因内边距设置导致的溢出问题。通过将输入框设置为border-box，可以防止宽度和高度被内边距和边框影响，但同时也限制了使用行高和内边距来调整尺寸。文章提醒，在这种情况下，需要直接指定元素的高度来正确显示内容。
扫一扫
1354
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
