CSS - 宽度为100％的输入，位置相对且宽度为40px的div具有100px宽度

Question

大家好日子。我的ck编辑器对话框有css问题。

主要的想法是这样的我有一个div与位置相对和设置宽度（40px）和输入宽度：100％。问题是输入时输入宽度为100px而不是40px。

正如您在上一张图片中看到的那样，输入似乎未完成。如果我忘了指定某事请问。

我无法理解为什么所以这里有一些结构的印刷品（抱歉质量......只需缩放2次，文字很可读）：

Answer 1

尝试明确地为输入提供40 px的宽度，而不仅仅是其父元素。同时给它一个显示：block;

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