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

我是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%;
}

  

    ABC
  

#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%;
}

  

    ABC