IEでパディングの下にある100％幅のテキスト領域を処理します（Habréでも）

繰り返しますが、ゼロ以外のパディングまたはマージンがあるブロックにある要素に100％の幅を設定しようとすると、問題が発生しました。 textareaの場合、次の結果が得られます。最初の表示では、幅は意図したとおりに設定され、どこにも表示されず、何かを入力するだけです。



今回は、インデントやハックを含まない回避策（「// width：90％」など）を探すつもりはありませんでした-コメントツリーは倒錯の場所ではありません。 別のオプションを試しましたが、入力フィールドがまだ親要素の境界の下に部分的に隠れていました（またはその上に登りました）。



Habrのことを思い出し、コードを始めたところ、フォームが詰まっています。 うーん、どうしてうまくいかなかったのでしょうか？ IE6でHabrを開きます-ここでは動作しません：







試行錯誤の結果、私はこの決定に至りました。



#comment_form .textarea { position: relative; height: 64px; margin-bottom: 8px; }

#comment_form .textarea textarea { position: absolute; width: 100%; height: 64px; }