CSS- коротко о главном.

Позиционирование элементов
Position: Absolute.
Такой элемент смещается с помощью свойств top, left, bottom, right от края ближнего элемента-родителя с position: relative. И от края окна браузера если близлежащие родители имеют position: static. Пространство занятое им исчезает.
Если не задана ширина элемента, то она будет равна содержимому элемента. Все элементы с position: absolutе ведут себя как блоки со свойством display: block.
Чтобы растянуть блок на все содержимое близлежащего родителя надо обернуть его еще в один блок с position: relative.
Горизонтальные отступы рассчитываются от высоты ближнего родителя, а вертикальные от его высоты. Margin, padding и width в процентном соотношении рассчитываются от ширины ближнего родителя, минус border если такое свойство указанно.
Размещается над другими элементами с помощью z-index.