<fieldset>のwidthは子要素のwidth+4pxになるぽい
スマホで見たら<textarea>のサイズがでかすぎてサイドバーが出るページを発見した。
max-widthをつけて修正しようと思ったのだが、確認したら最初からmax-widthが90%になってた。
原因考えたのだが、ウインドウサイズ小さくしていくと、
<textarea>の親要素の<fieldset>が644pxで止まった。
<textarea>のwidth指定は640pxで、<fieldset>のborderとpaddingは標準で1pxになるようなので、
<textarea>のwidth 640pxに<fieldset>のborderとpadding足した644pxになるというわけだ。
つまり、
<textarea>がmax-widthで縮小しても<fieldset>はwidthの640pxまでしか縮小しない。
<fieldset>自体にmax-widthつけても効かない。
FirefoxでもChromeでも同じ感じ。
どうしたもんか・・・