无法使按钮浮动：对；

Question

我试图将按钮移到div的右侧，当div调整大小时，它随div一起移动，因此它保持在div右侧的边缘。

我已经尝试过使用style=float: right;，但这似乎没有用..有人可以帮我吗？

这是我的代码jsfiddle

Answer 1

由于您已经在使用flexbox，因此您可以这样做

#drag {
    font-size: 30px;
    height: 40px;
    width: 100%;
    text-align: left;
    background: blue;
    box-sizing: border-box;
    border: 1px solid grey;
    display: flex;

    flex-direction: row; /* <--- Makes sure it's a row */
    justify-content: space-between; /* <--- Makes the space */
}

DEMO

Answer 2

或者您可以将P标签向右对齐

margin-left: auto;

https://jsfiddle.net/4esgwdkt/41/

您的浮点数：不起作用，因为您使用display：flex;

Answer 3

您可以使用此演示：

修改了答案： https://jsfiddle.net/4esgwdkt/46/ DEMO

如有需要，请添加评论。