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

如题所述

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

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

温馨提示:答案为网友推荐,仅供参考
第1个回答  2013-10-11
给按钮外层的div设置绝对定位 然后给按钮进行相对定位就可以了。追问

能不能具体点,新手不太懂谢谢了!

第2个回答  2013-10-11
相对,就是要有一个为参考,你定义一个绝对的容器让它做为参考就可以了
比如下面:
<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>

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网