html - CSS - 图像内的位置按钮

Question

我有一个包含图像的 div，当我这样做时，我需要在图像内放置一个按钮到图像的右上角附近

#button_id{
position: relative;
    left: 270px;
    top: 30px;
}

这样做是将按钮图像放置在其他位置，它将图像从左向右移动并向下移动，但是现在按钮可以在栏中从其最初放置的位置单击到最右侧股利。当我尝试这个时

#button_id{
     position: relative;
     float: right; padding: 0px -40px -15px;
}

它将按钮向右移动但不会向下移动。

注意:按钮位于 div 内，没有 css，它位于中心图像的顶部

Answer 1

您应该为包含图像的 div 指定一个 position:relative，为包含在该 div 中的按钮指定一个 position:absolute。这将使按钮相对于容器 div 定位。