以下 HTML:
<!DOCTYPE html>
<style>
span,textarea,div {
border: 1px solid black;
max-width: 300px;
height: 20px;
}
</style>
<div></div><br>
<textarea></textarea><br>
<input type=text><br>
在 Chrome 和 FF 中呈现以下内容。
为什么不是 <textarea>和 <input>和<div>一样宽？
最佳答案
大多数浏览器都尊重 max-width，但是 INPUT 和 TEXTAREA 元素通常在用户代理 CSS 中默认设置宽度。您可以添加此 CSS 以获得一致的呈现:
input,textarea{width:100%;display:block}
关于html - 为什么 <textarea> 和 <input> 元素不遵守最大宽度？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20175211/