html中怎么设置一个按钮在一个div中的相对位置,而不是相对于浏览器窗口...

发布网友发布时间：2022-04-27 08:58

我来回答

共4个回答

懂视网时间：2022-05-13 04:25

效果图：

回复讨论(解决方案)

a{
display:inline-block
}

参考 display float2个属性的描述
他们对于排列的显示方式很重要

好的~~~~~谢谢

热心网友时间：2022-05-13 01:33

#wrap {
  position: relative;  /* 或者 position: absolute; 设置div为相对或者绝对定位*/
  display: inline-block;
}
input {
  position: relative;
  top: 10px;
  left: 20px;
}

热心网友时间：2022-05-13 02:51

给按钮外层的div设置绝对定位然后给按钮进行相对定位就可以了。追问能不能具体点，新手不太懂谢谢了！

热心网友时间：2022-05-13 04:25

相对，就是要有一个为参考，你定义一个绝对的容器让它做为参考就可以了
比如下面：
<style>
.a{position:relative;width:200px;height:200px;left:50px;top:50px}
.a .b{position:absolute;width:50px;height:50px;left:10px;top:10px}
<div class="a">
<div class="b">这个层会相对于上一层A定位</div>
</div>