4

善のために！入力ボックスが右側で切り取られているのはなぜですか？クロームのパディングとマージンを調べましたが、何が原因かわかりません。私はこれに不慣れですが、それは謎のままです。

http://jsfiddle.net/GCt3z/1/

4

5 に答える 5

7

100％+ 10px（パディング）+ 2px（ボーダー）幅だからです。使用してみてください：

-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
        box-sizing: border-box;

更新されたフィドルを参照> http://jsfiddle.net/GCt3z/2/

于 2012-10-14T19:00:18.523 に答える
1

.fieldwrapper持っていoverflow: hiddenます。floatとして設定labelしています。これは、次のdivがラッパー全体の幅を取得することを意味します。これにより、両方のタグの親に等しいラベルの右側に移動します。の固定幅を設定する必要があります.fieldwrapper。

于 2012-10-14T19:00:31.330 に答える
0

入力は、オーバーフローが非表示に設定されている親よりも長くなります。

于 2012-10-14T18:59:26.573 に答える
0

に変更.fieldwrapperする{ overflow: auto;}と、入力がそのdivをオーバーフローしていることがわかります。

于 2012-10-14T18:59:29.743 に答える
0

クラスで減らすwidth:100%ようにwidth:96%してください、.fieldそうすれば問題は解決されます

于 2012-10-14T19:05:13.387 に答える