layui文本域需嵌套在div.layui-form-item中并设width: 100%和box-sizing: border-box，否则无法占满父容器；响应式高度需JS动态调整scrollHeight并防抖处理。
layui文本域默认不占满父容器，必须显式设置CSS
layui的textarea渲染后会套一层.layui-textarea容器，但这个容器默认是display: inline-block且宽度由内容撑开，不是100%。直接写width: 100%在textarea标签上无效——因为layui会覆盖内联样式，且未给父容器设宽。
实操建议：
- 给
textarea外层的div.layui-form-item加width: 100%（或确保其父级已设width: 100%） - 在
textarea上加style="width: 100%; box-sizing: border-box;"，box-sizing防止边框和内边距撑出容器 - 避免用
lay-area等非标准属性，layui表单不识别它
用layui.form.render()后宽度失效？检查是否漏了form-item包裹
常见错误是把textarea直接丢在form里，没包在div.layui-form-item中。layui表单渲染逻辑依赖这个结构，否则textarea会被当成普通元素处理，样式重置不完整，width: 100%容易被忽略。
正确结构示例：
<form class="layui-form">
<div class="layui-form-item">
<label class="layui-form-label">描述</label>
<div class="layui-input-block">
<textarea name="desc" placeholder="请输入描述" style="width: 100%; box-sizing: border-box;"></textarea>
</div>
</div>
</form>
渲染后，layui-input-block会自动撑满layui-form-item，再配合textarea的width: 100%才能真正自适应。
响应式场景下textarea高度怎么同步缩放？
宽度设100%只是第一步。移动端或窗口缩放时，如果高度固定（如rows="5"），可能显得突兀；设height: 100px又无法随内容伸缩。layui本身不提供动态高度适配，得靠JS补位。
推荐做法：
- 去掉
rows属性，用style="min-height: 120px; max-height: 200px; resize: vertical;" - 监听
window.resize，用textarea.style.height = 'auto'; textarea.style.height = textarea.scrollHeight + 'px';重算（注意防抖） - 若集成在layer弹窗里，需在
success回调中执行重算，否则DOM尚未挂载完成
最易被忽略的是：textarea的padding和border会干扰scrollHeight计算，务必统一用box-sizing: border-box，否则高度总差几像素。
