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>

Answer 2

当您将容器元素（例如<div>）设置为“position：relative”，并将内部元素设置为“position：absolute”时，内部元素相对于外部元素定位，不是页面。

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

2 个答案: