Как сделать блок внутри другого блока, поверх?

Question

[Ko1]

Есть блоки А и Б. Блок Б находится внутри А.

<div class='A'>
   <div class='Б'></div>
   <input ...  name='textbox1'>
   <input ... name='textbox2'>
</div>

Как сделать так чтобы блок Б закрывал весь блок А?

Блок Б, по сути, нужен чтобы показать пользователю что идёт загрузка (ajax запрос) и при этом пользователь не должен никуда нажимать в этот момент.

Answer 1

[Ksider]

это шутка?

.Б {
position: absolute;
top: 0; bottom: 0; left: 0; right: 0;
}

Answer 2

[Андрей Федоров]

Он же вложенный. Он и так будет поверх.
codepen.io/aliencash/pen/XmrwzB

Вероятно вы хотите, чтобы вложенный блок был отцентрован относительно родителя, так это совсем другой вопрос.
codepen.io/aliencash/pen/JYPqOx - если размеры блоков известны.