Изменение свойства css в консоли разработчика Firefox

Question

Изменение свойства css в консоли разработчика Firefox

0

У меня проблемы с CSS в Firefox.

Здесь его скрипка: http://jsfiddle.net/6Fq4z/2/

Класс div с .item-container должен по вертикали заполнить родительский (td). Это происходит в chome и IE. Но не в Firefox.

Но есть странное поведение. Шаг для воспроизведения:

Откройте скрипку в firefox
Осмотрите элемент и выберите div с классом .item-container
измените свойство display на inline-table и нажмите клавишу ввода (это не решает проблему)
затем снова измените это свойство на inline-block и нажмите клавишу ввода. Теперь это выглядит так, как должно...

Может ли кто-нибудь объяснить мне, почему это происходит и если возможно, как я могу его решить?

amp 09 апр. 2014, в 18:10

Источник

Теги:

html

css3

firefox

2 ответа

Ещё вопросы

cameraobscura · Answer 1 · 2014-04-09T13-41-00.000Z

Играя немного с свойствами высоты, я пришел к выводу, что проблема может быть связана с тем, что высота назначается с использованием процентилей, и учитывая, что вы используете таблицу, это может быть своего рода ошибка с рендерингом в Firefox (я тестировал 31 и 29 версий и то и другое).

Я исправил некоторые свойства heights с помощью пикселей и разветкил скрипку, которая может помочь вам в дальнейшем

Возможное обходное решение http://jsfiddle.net/6Fq4z/3/

Но я хотел бы иметь высоты в процентах.

Hayk Manasyan · Answer 2 · 2014-04-09T12-52-00.000Z

Лучше использовать Firebug. После установки щелкните правой кнопкой мыши тег, который вы хотите, и в css измените значения. С firebug вы можете запускать пользовательскую JS на своей странице.