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

发布网友

我来回答

共4个回答

懂视网

回复讨论(解决方案)

a{
display:inline-block
}

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

好的~~~~~谢谢

热心网友

<div id="wrap">
  <input type="button" value="我是按钮">
</div>

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

热心网友

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

热心网友

相对，就是要有一个为参考，你定义一个绝对的容器让它做为参考就可以了
比如下面：
<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>