これは、作業中のコードです:
流動的な幅のフォームになる予定でしたが、あまりにも多くの問題と非互換性を引き起こしました. 固定幅のフォームを選択しましたが、フォームが div からオーバーフローしているため、今は混乱しています。これを修正するには、フィールド ラッパーまたはフィールド自体の幅を指定する必要がありますか?
これは、作業中のコードです:
流動的な幅のフォームになる予定でしたが、あまりにも多くの問題と非互換性を引き起こしました. 固定幅のフォームを選択しましたが、フォームが div からオーバーフローしているため、今は混乱しています。これを修正するには、フィールド ラッパーまたはフィールド自体の幅を指定する必要がありますか?
設定された div 幅で作業しているため、入力フィールド サイズのパーセンテージで作業する理由はありません。入力フィールドを固定幅に変更します。私が見ることができるフィールドラッパーを実際に持つ理由はありません。http://jsfiddle.net/calder12/GCt3z/44/
入力フィールドの幅が 100% + 左右の境界線であるため、オーバーフローしています。100% より小さい値を設定するか、box-sizing 属性を使用して border-box に設定できます。
これを解決する 1 つの方法はoverflow:auto;
、スライドバーを使用することです。これの別の方法は、パーセンテージを試してみることです。チェックした次のアイテムwidth: 99%:
を設定すると、境界線がオーバーフローします。
それを解決する別の方法は、テーブルを使用することです。これは、1 つのテーブル行のみを設定でき、もう 1 つが 100% になるためです。きれいではありませんが、仕事は完了します。
私は通常、入力フィールドの幅を指定してすべてが揃うようにしますが、それは個人的な好みです。テキストボックスの使用の場合:
input[type="text"] {
line-height:28px; width: 120px; font-family:arial, sans-serif; border: 1px solid black;
}