温馨提示：这篇文章已超过239天没有更新，请注意相关的内容是否还可用！
按钮在div里居上可以通过设置CSS样式来实现。我们需要设置div的样式为相对定位（position: relative），这样按钮的位置将相对于div进行定位。然后，我们可以设置按钮的样式为绝对定位（position: absolute），并使用top属性来控制按钮距离div顶部的距离。
示例代码如下：
<!DOCTYPE html>
<html>
<head>
<style>
div {
position: relative;
width: 300px;
height: 200px;
background-color: lightblue;
}
button {
position: absolute;
top: 10px;
left: 10px;
padding: 10px;
}
</style>
</head>
<body>
<div>
<button>按钮</button>
</div>
</body>
</html>
在上面的示例代码中，我们创建了一个div元素，并设置宽度为300px，高度为200px，背景颜色为浅蓝色。然后，在div内部添加了一个按钮元素，并设置按钮样式为绝对定位，距离div顶部10px，距离div左侧10px。这样就实现了按钮在div里居上的效果。
需要注意的是，按钮的父元素（即div）需要设置为相对定位，这样按钮的定位将相对于div进行计算。如果没有设置div的定位属性，按钮的定位将相对于整个页面进行计算。
我们还可以使用其他属性来调整按钮在div中的位置，例如使用left属性来控制按钮距离div左侧的距离，使用right属性来控制按钮距离div右侧的距离。通过调整这些属性的值，我们可以实现按钮在div中的任意位置居上。
按钮在div里居上可以通过设置div的相对定位和按钮的绝对定位来实现。我们可以利用CSS样式中的top属性来控制按钮距离div顶部的距离，从而实现按钮在div中的居上效果。
