按钮button在div靠左,button靠右

按钮button在div靠左的实现方法是通过设置CSS属性float为left。当将按钮设置为float:left后，它会向左浮动，紧靠在div的左侧。

示例代码如下：

<div style="width: 300px; height: 200px; background-color: lightgray;">
  <button style="float: left;">按钮</button>
</div>

在上述示例代码中，我们创建了一个宽度为300px、高度为200px、背景颜色为lightgray的div容器，并在其中放置了一个按钮。通过将按钮的float属性设置为left，按钮就会靠在div的左侧。

需要注意的是，当按钮使用float:left时，它会脱离正常的文档流，可能会影响其他元素的布局。为了避免这种情况，可以在按钮后面添加一个clear:both的元素，以清除浮动。

按钮button在div靠右的实现方法是通过设置CSS属性float为right。当将按钮设置为float:right后，它会向右浮动，紧靠在div的右侧。

示例代码如下：

<div style="width: 300px; height: 200px; background-color: lightgray;">
  <button style="float: right;">按钮</button>
</div>

在上述示例代码中，我们创建了一个宽度为300px、高度为200px、背景颜色为lightgray的div容器，并在其中放置了一个按钮。通过将按钮的float属性设置为right，按钮就会靠在div的右侧。

同样地，为了避免浮动对其他元素的影响，可以在按钮后面添加一个clear:both的元素。

需要注意的是，当按钮使用float:right时，它会优先考虑右侧的空间，如果右侧空间不足以容纳按钮，则按钮会换行显示。如果想要按钮始终保持在一行内，可以考虑使用CSS属性white-space:nowrap来防止按钮换行。

除了使用float属性，还可以使用flexbox布局或grid布局来实现按钮的靠左和靠右布局。这两种布局方式更加灵活，可以适应更复杂的布局需求。但需要注意的是，使用这些布局方式需要对它们的相关属性和概念有一定的了解。