如何对齐<div>标签内边缘的元素？

Question

如何在标签的内边缘上对齐元素？也就是说,它的工作方式与绝对定位相同,但仅限于标签内部.我认为它的工作方式是,如果可以强制元素认为标签是实际页面,但我不知道这是否可能/理想.

编辑: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>