Textarea max-width不受尊重

Question

textarea in this codepen和下面的代码在slim视口中溢出。它来自.preset-box max-width: 100%但是当textarea大于视口时，它会导致视口水平溢出。我尝试更改和删除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

删除此课程：

block-table

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