Это старая версия документа!
Абсолютное позиционирование и растягивание - надо знать высоту ребенка
В коде примера выполняется центрирование по вертикали и горизонтали. HTML:
1
2
Содержание
3
CSS:
01 #parent {position: relative;}
02 #child {
03 position: absolute;
04 top: 0;
05 bottom: 0;
06 left: 0;
07 right: 0;
08 width: 50%; !–
09 height: 30%; !–
10 margin: auto;
11 }
Идея данного метода заключается в том, чтобы растянуть вложенный элемент до всех 4 границ родительского элемента с помощью установки свойствам top, bottom, right, и left значения 0.
Установка автоматического формирования полей по всем сторонам приведет к заданию равных значений по всем 4 сторонам и выведет наш вложенный элемент div по центру родительского элемента.
К сожалению, данный метод не работает в IE7 и ниже.
Инструменты страницы
