为什么浮动:正确使div浮动到左边？

Question

我是CSS的新手.我试图在另一个div(#container)的右下角放置一个div(#inner).我写的float: right;,但在运行HTML时我看到了自下而上的内格左容器的角落.这是为什么？代码有什么问题？

#container {
  position: relative;
  border: solid;
  width: 70%;
  height: 40%;
}
#inner {
  position: absolute;
  border: solid;
  bottom: 0;
  float: right;
  width: 30%;
  height: 30%;
}

<div id="container">
  <div id="inner">
    ABC
  </div>
</div>

Answer 1

使用float绝对定位并没有多大意义.我想你想要的right:0不是float:right

#container {
  position: relative;
  border: solid;
  width: 70%;
  height: 40%;
  overflow: auto;
}
#inner {
  position: absolute;
  border: solid;
  bottom: 0;
  right:0;
  width: 30%;
  height: 30%;
}
body,
html {
  height: 100%;
}

<div id="container">
  <div id="inner">
    ABC
  </div>
</div>