Об использовании левого/верхнего/правого/нижнего положения в текстовой области с абсолютным позиционированием

Я попытался установить position:absolute, а затем left, top, rightи bottomна фиксированные значения в пикселях, но если я также не установлю widthи height, я не могу заставить его работать правильно в Firefox 11.

Рендеринг выглядит нормально в Safari/Chrome... но это ошибка Firefox или что-то нестандартное? Использование 100% для шириныи высотыиногда является решением, но не тогда, когда элемент не полностью закрывает родительский контейнер.

См. http://jsfiddle.net/EjS7v/6/

Chrome, no 100% width/heightЭто Chrome (и желаемый результат)

Firefox, width/height to 100%Firefox (ширина/высота до 100%)

Firefox, without width/heightFirefox (без ширины /height)

Существуют ли альтернативы использованию Javascript для вычисления ширины и высоты во время выполнения?

Обратите внимание, что в этом примере я использовал div фиксированного размера в качестве контейнера, но наиболее интересным и полезным случаем является эластичный контейнер.

7
задан steveax 26 March 2012 в 22:02
поделиться