问题2：input、textarea、submit 宽度设置为100%，但显示宽度不一致

<style type="text/css">
    body{
        padding: 10px;
    }
    input,textarea{
        width: 100%;
    }
</style>
<body>
    <input type="text" name="" id="" value="" />
    <textarea rows="5" cols="50">....</textarea>
    <input type="submit" name="" id="" value="提交" />
</body>

运行结果如图：

解决方案：

样式表中添加css3的box-sizing属性

*{
    box-sizing: border-box;
  }

修改后运行结果如下：

问题2：input、textarea、submit 宽度设置为100%，但显示宽度不一致

2022-12-23
2021-10-12
2022-12-23
2021-07-24
2022-12-23
2022-01-04
2022-12-23
2022-12-23