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

本文转载自查看原文 2018-12-18 09:20 760 css3

<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;
  }

修改后运行结果如下：

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 Select input 两个元素的宽度高度跟设定值不一致的问题 input和textarea中的placeholder与光标位置不一致问题移动端设置input或者textarea宽度100%时不超出屏幕 Linux中du、df显示不一致问题 zuul session 不一致的问题 AES加密不一致问题解决SessionId不一致的问题 IP设置地址与网络详细信息中IP显示不一致怎么办关于Matlab在绘图时中文字体显示不一致的问题 vscode terminal 显示的python版本差异问题(与cmd窗口python版本不一致)