圣诞树动画

Question

Виталий Комаров

Asked:2020-03-04 00:53:32 +0000 UTC2020-03-04 00:53:32 +0000 UTC 2020-03-04 00:53:32 +0000 UTC

HTML。CSS。Textarea 超出父 DIV

textarea 的 CSS 宽度为 100%，但超出了父 DIV。
如果你重置填充和边框，一切都很好，但我需要边框！

textarea {
    width: 100%;
    padding: 0;
    border-width: 0;
}

还有另一种选择，以显式指定最大宽度（以像素为单位）：

textarea {
    width: 100%;
    max-width: 496px; // вместо 500px = 100% 
    resize: none;
}

此选项也不会滚动，因为它在不同屏幕上的行为会有所不同。
这个话题似乎被讨论了，但我没有找到一个明智的答案。

Pyramidhead · Answer 1 · 2020-03-04T01:00:29Z

Best Answer

Pyramidhead

使用box-sizing: border-box;：

textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}