Erased атрибуты стиля

Question

нужны идеи, как отладить эту странность ... Внутри сложной страницы полного JavaScript и CSS У меня есть DIV тег, который имеет атрибут встроенного стиля, содержащий следующее значение:

<div style="position:absolute;left:13px;top:331px;width:685;height:165;background-color:Window;overflow:auto;border:1px solid graytext;"> 

I может видеть это значение как с помощью сетевого монитора, так и с использованием источника изображения.

Однако, когда я использую IE11 Dom Explorer, я вижу только лишь следующий стиль:

<div style="border: 1px solid graytext; border-image: none; left: 13px; top: 331px; overflow: auto; position: absolute; background-color: window;"> 

т.е. высота и ширина атрибуты стиля исчезли. На правой панели, отображающей свойство div, я вижу стили «ширина» и «высота» без флажка слева и красной надписью ниже значения, как если бы IE11 сообщал, что с ними что-то не так. Я уверен, что это не вызвано JavaScript, это может быть вызвано CSS, но у меня нет четкого представления о том, что искать.

Answer 1

Свойства CSS width и height требуют единиц. Исходные номера недействительны. Я предполагаю, что вы хотели иметь px после обоих этих значений. Если вы добавите его, IE, по-видимому, перестанет удалять их как недействительные.

<div style="position:absolute;left:13px;top:331px;width:685px;height:165px;background-color:Window;overflow:auto;border:1px solid graytext;"> 
<!-- px ---------------------------------------------------^------------^      --> 

Answer 2

Вам нужна единица для свойств CSS и ширины и высоты.

Действительный код:

<div style="position:absolute;left:13px;top:331px;width:685px;height:165px;background-color:Window;overflow:auto;border:1px solid graytext;">