SOURCE

<div class="news">
  <div class="box fl">1</div>
  <p>有时候我们经常会碰到这些场景：玩掘金、知乎的时候复制一段文字，总是会在内容后面加上一些版权信息，以及像小说网站等都有禁止选中，禁止复制这种功能，还有点击自动复制账号的功能。
我也经常遇到这些场景，有时候会去想这后面到底是怎么做，周末趁着有空去研究了一下，然后发现这些都跟操作剪贴板有关系，并且都不难，了解一下基本都知道怎么做了，整理分享一波给大家。

作者：OBKoro1
链接：https://juejin.im/post/5b66993ee51d451924734c35
来源：掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。</p>
</div>

.box {
  height: 60px;
  width: 80px;
  background: #2A2A;
  border: 1px solid black;
  /* margin: 5px; */
  text-align: center;
}

.fr {
  float: right
}

.fl {
  float: left
}