html - CSS:在包含内容的 Div 的右下角放置一个按钮/文本

Question

我想在 div 的右下角放置一些内容，我想到了这个:

#superDiv,
#childDiv {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#childDiv {
  z-index: 30;
  float: right;
  position: bottom;
}

这是我制作的 Plunk http://plnkr.co/edit/WaP5Pde7CXnAfnW3QybF?p=preview

缺少什么？

Answer 1

position: bottom 不存在。而且您不需要 float:right 因为您使用的是绝对位置。

#container {
  width: 100%;
  height: auto;
  position: relative;
}
#superDiv {
  width: 100%;
  height: auto;
}
#childDiv {
  position: absolute;
  bottom: 10px; /* 5px margin-top + 5px margin-bottom */
  right: 0;
}

希望对您有所帮助。