0

これは、作業中のコードです:

http://jsfiddle.net/GCt3z/32/

流動的な幅のフォームになる予定でしたが、あまりにも多くの問題と非互換性を引き起こしました. 固定幅のフォームを選択しましたが、フォームが div からオーバーフローしているため、今は混乱しています。これを修正するには、フィールド ラッパーまたはフィールド自体の幅を指定する必要がありますか?

4

4 に答える 4

1

設定された div 幅で作業しているため、入力フィールド サイズのパーセンテージで作業する理由はありません。入力フィールドを固定幅に変更します。私が見ることができるフィールドラッパーを実際に持つ理由はありません。http://jsfiddle.net/calder12/GCt3z/44/

于 2012-10-15T11:29:34.463 に答える
0

入力フィールドの幅が 100% + 左右の境界線であるため、オーバーフローしています。100% より小さい値を設定するか、box-sizing 属性を使用して border-box に設定できます。

于 2012-10-15T11:24:44.630 に答える
0

これを解決する 1 つの方法はoverflow:auto;、スライドバーを使用することです。これの別の方法は、パーセンテージを試してみることです。チェックした次のアイテムwidth: 99%:を設定すると、境界線がオーバーフローします。

http://jsfiddle.net/GCt3z/43/

それを解決する別の方法は、テーブルを使用することです。これは、1 つのテーブル行のみを設定でき、もう 1 つが 100% になるためです。きれいではありませんが、仕事は完了します。

于 2012-10-15T11:27:32.503 に答える
0

私は通常、入力フィールドの幅を指定してすべてが揃うようにしますが、それは個人的な好みです。テキストボックスの使用の場合:

input[type="text"] {
line-height:28px; width: 120px; font-family:arial, sans-serif; border: 1px solid black;
}

CSS 属性セレクター

于 2012-10-15T11:27:34.720 に答える