位置元素位于可滚动div的右下角

Question

我试图在可滚动的div的右下角放置一个按钮。 由于它是一个内容可编辑的div，当div中的内容增加时，scollbar会出现，而按钮会隐藏在IE上的滚动条后面。 如何解决这个问题？

Answer 1

我为你做了一个例子。 将所有容器包裹在容器中，并将底部放在包装器中

main{
  width:500px;
  height:300px;
  position:relative;

}
div{
  background:#fff;
  width:500px;
  height:300px;
  overflow-y:auto;
  padding:10px 20px
}

button{
  position:absolute;
  bottom:0;
  right:0;
}

https://jsfiddle.net/8f0Loem5/

希望这会有所帮助