Как установить ширину / высоту div на 100% в HTML

#html #width

#HTML #ширина

Вопрос:

Есть ли способ получить ширину / высоту div, которая была установлена на 100%?

Вот пример того, что я пытаюсь сделать:http://jsfiddle.net/TUMsN/1

Когда я нажимаю на синее поле, ширина / высота родительского элемента возвращает пустую строку…

Ответ №1:

Используйте offsetHeight вместо style.height . Вы не можете использовать style.height , потому что высота элемента не указана в атрибуте встроенного стиля, как здесь:

 <div style="height: 200px; ">Hello</div>
  

Но если вы используете offsetHeight , это будет работать независимо от того, где была установлена высота.

http://jsfiddle.net/marcosfromero/TUMsN/2/

В качестве альтернативы вы можете использовать jQuery и использовать height() метод:

http://jsfiddle.net/marcosfromero/TUMsN/3/

Ответ №2:

Вам нужно использовать offsetHeight и offsetWidth.

Я обновил скрипку, взгляните:http://jsfiddle.net/TUMsN/4