Question

这是我需要的。我将有一个主要的div，其中我的大部分内容将被包含。我不知道会有多少内容，所以我不能对主div的高度（比方说，在px中）做出任何假设。我需要做的是让两个div（一定的，固定大小）站在主div的左上角（当然z-index大于主div）和右下角相同的div。我真的不知道如何实现这个目标：谁能告诉我该怎么做？

非常感谢！

利玛

Answer 1

您需要做的就是将主div位置设置为相对位置，并将两个“角落”覆盖层置于绝对位置，一个位于顶部和左侧0，另一个位于底部和右侧0.如果您必须重叠角落，则需要将不得不使用负值（例如top：-5px; left：-5px;）。

/* The required CSS rules */
#container {
  position:relative;
}

.tl,.br {
  position:absolute;
}

.tl {
  left:0;
  top:0;
}

.br {
  right:0;
  bottom:0;
}

这里是HTML代码：

<div id="container">
  <div class="tl"></div>
  <div class="br"></div>
</div>

看看here。

让两个div漂浮在另一个角落上

1 个答案: