CSS - 幅を使って入力：div内の相対位置と幅を持つ100％100pxの幅を持つ

Question

良い日。私はckエディタダイアログボックスでcssの問題があります。

主なideeaは、このようなものです。位置の相対値と幅（40ピクセル）と幅：100％の入力を持つdivがあります。問題は、40pxの入力ではなく、その幅が100pxということです。

最後の画像でわかるように、入力は未完成のようです。私が何かを指定するのを忘れた場合、plsに尋ねる。

ので、ここでの構造といくつかの印刷物（品質申し訳ありません...ちょうど2倍ズームとテキストが非常に読みやすい）である理由を、私はそれを理解することはできません。

は、

Answer 1

入力に明示的に、その親要素だけでなく40pxの幅を与えるようにしてください。またそれにdisplay：blockを与えます。

.cka_dialog_ui_input_text input { 
    display: block;/* fixes some errors */ 
    width: 36px;/* 40 - 2x2px border*/ 
    padding: 0;/* just for testing*/ 
}