Win + IE で、 <TEXTAREA> や <INPUT> において、 CSSの指定次第では、謎の余白ができたり、文字を入力すると幅が伸びたり、 とにかく変な挙動をすることについての解決策。
<p style="margin-left:50px;"> <textarea cols="50" rows="10"></textarea> </p> どちらにも width を指定してない通常状態。 文字を入力したりしてもいたって変わりはない。
<p style="margin-left:50px; width:90%;"> <textarea cols="50" rows="10"></textarea> </p> 親要素(P)に、CSSで width を指定した場合、 ←に P の margin-left と同じ幅の謎の余白ができる。 TEXTAREA に margin-left:0 !important; とかやってもなくならない。
<p style="margin-left:50px;"> <textarea cols="50" rows="10" style="width:90%;"></textarea> </p> TEXTAREA自身に、CSSで width: ~% を指定した場合、 ここにテキストを入力すると、→ が変に伸びる。 % 以外だったら伸びはしない。
<p style="margin-left:50px; width:90%;"> <textarea cols="50" rows="10" style="width:90%;"></textarea> </p> どちらも指定するとダブルで起こる。
<p style="margin-left:50px; width:90%;"> <label> <textarea cols="50" rows="10" style="width:90%;"></textarea> <label> </p> 同じ CSS の指定でも、 LABEL とかで挟まれてると機嫌がいいようだ。
<p style="margin-left:50px;"> <label> <textarea cols="50" rows="10" style="width:90%;"></textarea> <label> </p> TEXTAREA だけに width: ~% を設定して、P は指定しない (width:auto;) 場合は、 たとえ LABEL を用いても、 ← に謎余白はできないが、→ が伸びる。 単位を % から px に変えるか、P に width:100%; とでも指定するといい。