Как выровнять элементы по внутреннему краю тега <div>?

Question

Как выровнять элемент по внутреннему краю тега? То есть, чтобы он работал как абсолютное позиционирование, но только внутри тега. Я думаю, что это сработало бы, если бы можно было заставить элемент думать, что тег - это фактическая страница, но я не знаю, возможно ли это / идеально.

EDIT: http://www.flickr.com/photos/chustar/3736370208/ вот макет того, что я имею в виду

Answer 1

Здесь нужно сделать элемент контейнера position:relative;, а затем сделать «позиционированные» элементы position:absolute;

.container {
  position:relative;
}

.child1 {
  position:absolute;
  top:0;
  left:0;
}

.child2 {
  position:absolute;
  bottom:0;
  right:0;
}

<div class="container">
  <div class="child1">Top left element</div>
  <div class="child2">Bottom right element</div>
</div>

Answer 2

Когда вы устанавливаете элемент контейнера (например, <div>) в «position: относительный», а внутренний элемент в «position: absolute», внутренний элемент позиционируется относительно внешнего, а не стр.