Textarea max-width 没有得到尊重

Question

textarea in this codepen and the code below overflows in slim viewports. It has max-width: 100% from .preset-box 但当文本区域大于视口时，它会导致视口水平溢出。我尝试更改和删除 cols 都无济于事。我尝试将 resize 限制为 vertical，但这对这个问题也没有影响。如何调整 CSS 以尊重 max-width？

<label class="preset-box block-table font-os">
  <span class="preset-box block-table" data-spacing="mb1">Ask</span>
  <textarea aria-invalid="false" class="preset-textarea p1 pl2 pr2 font-textarea round-medium border-1px border-solid" cols="100" rows="4" data-spacing="mb1 mb0-last">Am I overflowing?</textarea>
</label>

Answer 1

删除这个 class:

block-table

max-width 仅适用于块元素，但 block-table 使这些 table 元素。

Textarea max-width 没有得到尊重

Textarea max-width got no respect

css

forms

layout

textarea

width