CSS - Ввод с шириной: 100% внутри div с положением относительно и шириной 40px имеет ширину 100px

Question

Добрый день всем.У меня проблема css с диалоговым окном редактора ck.

Основная идея примерно такая: у меня есть div с позицией относительной и заданной шириной (40px) и ввод с шириной: 100%.Проблема в том, что вместо 40px при входе его ширина составляет 100px.

Как видно на последнем изображении, ввод кажется незаконченным.Если я забыл указать что-то, спросите pls.

Я не могу понять, почему, так что вот некоторые отпечатки со структурой (извините за качество ... просто увеличьте изображение 2 раза, и текст будет вполне читабельным):

Answer 1

Попробуйте явно дать вход шириной 40 пикселей, а не только его родительскому элементу.Также дайте ему отображение: блок;

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