htmltextarea⼤⼩不可变,html–如何阻⽌textarea从其包含的div
中调整⼤⼩
我⼀直在玩响应式布局和表单.到⽬前为⽌，我对我所拥有的东西感到⾮常满意：它从⼿机到宽屏都能很好地⼯作；见下⽂. (⽬前仅在firefox / chrome上测试过.)
在800px宽度处，它将消息块移动到右列.问题是这是⽤float：right和position：absolute来完成的，这意味着它的⾼度会停⽌影响周围的div.所以消息框突出.
我可以(并且做)通过添加⾼度：220px来改善这⼀点，所以默认情况下看起来没问题.但有⼈仍然可以调整周围div之外的textarea.我发现将textareas调整为⼀个很棒的功能，所以不要禁⽌调整⼤⼩.⽽溢出：auto不是解决⽅案：⽤户只需在textarea上交换滚动条就div上的滚动条！
那么，有没有办法让外部div调整⼤⼩以始终包含textarea？
required:after{color:red;content:" *";}
#contactform label {display:block;}textarea中cols表示
#contactform textarea {height:120px;rows:5;min-width:90%;max-width:90%;}
#contactform input,textarea {border: 1px solid red;border-radius:8px;width:90%;height:26px;padding:2px 4px;font-
family:sans;}
@media (min-width: 800px) {
#contactform {margin: 0 auto;width:640px;max-width:640px;position:relative;/*height:220px;*/}
#formsecondhalf {top:0;right:6px;position:absolute;}
#contactform textarea {height:200px;rows:8;min-height:200px;min-width:300px;max-width:300px;}
#contactform input,textarea {width: 300px;min-width:300px;max-width:300px;}
}
required">Name:required">Email:

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。