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>

HTML中怎么样能让button始终在一个div的最下面
1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。2、在index.html中的<button>标签中,输入样式代码:style="position: absolute;bottom:0;",在<div>标签的style属性中新增代码:position:relative;。3、浏览器运行index.html页面,此时button始终紧靠div的下边界。

如何设置html网页中某一张图和一个表格在滑动滑轮的时候位置相对浏览器...
把你想要的内容放在一个容量中,比如DIV中,然后将整个DIV定位方式设置成固定定位。 下面是测试代码(亲手编写哦,测试成功的~)<html> <head> <title>DIV始终固定在左下角<\/title> <style> wrap { display:block;bottom:0px;left:0px;position:fixed;border:1px solid #fff;text-align:center;} ...

div相对位置如何设置?
要让 div 相对于某个表格进行设置,首先需要脱离表格和 div 混排的方式,确保 div 元素以块级元素的形式呈现。这可以通过将 div 的 display 属性设置为 block 来实现。接着,使用 margin 属性调整 div 的相对位置。例如,如果你想让 div 向上偏移 20px,向右偏移 30px,向下偏移 40px,向左偏移 5...

如何设置DIV层的相对位置?
确认div添加位置,可以在某个dom元素后面,或者通过css属性控制具体位置,主要通过left\/top等属性控制。确定位置之后,显示div即可。DIV层的相对位置是对于此DIV的上下左右的容器决定的。如:<div style="position: relative;margin-top:-100px">则此DIV会相对于上一个DIV向上移100PX。而绝对是指对整个...

div中的相对定位与绝对定位
1.position:relative; 如果对一个元素进行相对定位,首先它将出现在它所在的位置上。然后通过设置垂直或水平位置,让这个元素“相对于”它的原始起点进行移动。(再一点,相对定位时,无论是否进行移动,元素仍然占据原来的空间。因此,移动元素会导致它覆盖其他框)例如:#mybox{position:relative;left:20px;top:20px;}效果...

DIV悬浮窗口,相对位置如何设置,并适合各种分辨率
绝对定位是以你的浏览器可视区为参照物,定义具浏览器可视区上下左右的像素,当分辨率变化,层定义的像素仍然不变,所以必然错误,这就是所谓的绝对,解决方法是,你先建一个相对定位的层,在这个层里面在写一个绝对定位的层,这样第二个层就以第一个层为参照物了 虽然你的问题已解决,这个问题的最佳...

HTML中DIV的相对定位与绝对定位如何操作?
当一个DIV块的位置被定义为绝对定位的时候,也就意味着它失去了文档流的位置,后面的文档流会紧跟着补上来接替它的位置。如果上下左右的绝对偏移量都是零,那么它将漂浮在原来的位置上。否则就会以浏览器的上下左右四边为基准进行偏移。相对定位(relative):当设了相对的偏移量之后,这个DIV原来所占据的...

html中怎么设置div的位置?
absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。fixed 生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。relative 生成相对...

div标签里面的相对绝对position属性怎么设置?
1、div标签里面的相对绝对position属性有四个可选值,它们分别是:static、absolute、fixed、relative。2、具体设置方法如下:1)DIV布局属性之position:static,无定位。该属性值是所有元素定位的默认情况,在一般情况下,我们不需要特别的去声明它,但有时候遇到继承的情况,我们不愿意见到元素所继承的属性...

css div 固定一个div 使这个div不随着网页的滚而滚动 就是把这个div固 ...
1、需要使用固定定位才能做到这样的效果。具体方法是首先打开html编辑器,首先设置一个容器div,然后设置一个用来演示效果的div,分别设置class属性名为container和fixed:2、在style标签中设置样式,设置container的position属性为相对定位,并且给它一个很高的高度,然后给fixed设置高度和宽度,以及颜色等属性,...

相似回答