Я попытался установить position:absolute
, а затем left
, top
, right
и bottom
на фиксированные значения в пикселях, но если я также не установлю width
и height
, я не могу заставить его работать правильно в Firefox 11.
Рендеринг выглядит нормально в Safari/Chrome... но это ошибка Firefox или что-то нестандартное? Использование 100% для ширины
и высоты
иногда является решением, но не тогда, когда элемент не полностью закрывает родительский контейнер.
См. http://jsfiddle.net/EjS7v/6/
Это Chrome (и желаемый результат)
Firefox (ширина/высота до 100%)
Firefox (без ширины /height)
Существуют ли альтернативы использованию Javascript для вычисления ширины и высоты во время выполнения?
Обратите внимание, что в этом примере я использовал div фиксированного размера в качестве контейнера, но наиболее интересным и полезным случаем является эластичный контейнер.