Почему инспектор элементов показывает этот div как имеющий ненулевую ширину?

Question

В части кода Chrome DevTools мы видим, что атрибут «ширина» div установлен в 0px. Но в фактическом окне я могу нависнуть над ним, и кажется, что фактическая ширина все еще составляет 400 пикселей.

Почему?

Обратите внимание, что div в вопросе #raphContainer2 (обратите внимание на 2), не подсвеченный синим цветом в Chrome DevTools.

Answer 1

Поскольку width не является допустимым атрибутом для DIV, он должен быть встроен в style.

Ваш код:

<div id="raphContainer2" style="display" width="0px"> 

Как должно быть:

<div id="raphContainer2" style="display: block; width:0px">