如何让DIV 在另一个div中 保持相对位置

一个div body 一个div pageBody 一个div mainBody

层mainBody在 层pageBody中 如何能让mainBody的位置在层pageBody的最左边。
body居中 其他层的位置在body中的位置不变
css怎么写
1 2楼说的 要是 给body设置居中,mainbody 无法也跟随居中 如图

第1个回答  推荐于2016-08-22
设置mainBody的属性:
padding: 0px;
margin: 0px;
float: left;本回答被提问者采纳
第2个回答  2010-04-30
body的div加入css

position:relative;

搞定,正解。
第3个回答  2010-04-29
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
#mainBody {
position:absolute;
width:200px;
height:115px;
z-index:1;
}
-->
</style>
</head>

<body>
<div class="body">
<div class="pageBody">
<div id="mainBody">dddddddddddd</div>
dddddddddddd
</div>
</div>
</body>
</html>

一定要用ID,插入的是层。
第4个回答  2010-05-03
position:relative;

一个定宽高的div在另外一个div中水平垂直居中常用方法
方法是开启父元素的弹性盒布局,并设置子元素在主轴和侧轴上的对齐方式为居中。弹性盒布局能自动调整元素的大小和位置,以满足居中的需求。3、margin方法1 通过为子元素设置适当的 margin 值,使其四周留有相等的空间,从而实现居中。确保父元素的宽度大于子元素宽度加上左右 margin 的总和。4、padding方...

如何让DIV 在另一个div中 保持相对位置
设置mainBody的属性:padding: 0px;margin: 0px;float: left;

一个div跟随另一个div,但这个div有固定位置
新建一个html文件,命名为test.html,用于讲解如何将一个DIV相对于另外一个DIV进行绝对定位。2\/7 在test.html文件内,使用div创建一个模块,并设置其id为aa,主要用于下面通过该id使用css样式进行设置。3\/7 在test.html文件内,在上一步的div内,再创建一个div模块,并设置其id...

怎么让DIV在另一个DIV里靠底部显示?
fixed:元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动:absolute:绝对定位的元素的位置相对于最近的已定位父元素,如果元素没有已定位的父元素,那么它的位置相对于<html>:sticky:ticky 英文字面意思是粘,粘贴,所以可以把它称之为粘性定位。position: sticky; 基于用户的滚动位置...

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

css样式表中,如何将一个DIV标签相对于另外一个DIV进行绝对定位_百度...
有几个方法:一种:div1设置为position:relative,div2设置为position:absolute,此时的div2就相对于div1进行基准定位了。。。因为绝对定位position:absolute,不在标准流中,所以内联元素不知到他的位置,会跑到他的下面去。。。这里就看你需要什么样式了,如果简单的可以用padding和margin配合完成,让...

div+css 怎么让一个小div在另一个大div里面 垂直居中
方法一、小div绝对定位或相对定位,这样小div脱离标准流,大div有固定宽高,用小div的margin去挤大div <!DOCTYPE html> <html><head><meta charset="UTF-8"><title>Title<\/title><style> .father{ width: 600px;height: 600px;background-color: orangered;} .son{ width: 300px;height: 200...

如何将一个div设为绝对定位,而且两个div一样?
用绝对定位,把两个都放在一个大的DIV里面,大的设置成position:relaitve。第一个小DIV属性设置成为position:absolute; z-index:1。第二个小DIV属性设置成为position:absolute; z-index:2。width、height、left和top视情况而定。注:1、父级div用相对定位position:relative,子级div用绝对定位position:...

如何设置一个div始终在另一个div的顶部?
把父级div设置为相对定位 子级div设置为绝对定位 再把子级div 的top 设为0 就ok了~~

怎样用CSS设计实现div相对另外一个div进行定位
我也在找怎么实现div3相对div1进行定位,之前我自己做了一个容器,让每个div3显示在div1正右边同一个位置,思路是:每个div2和div3里面的内容都写成静态代码。设置div3相对于div2进行独立定位position:absolute。设置div3默认显示级别z-index:1 设置div3默认背景颜色background:#fff。每个div3向右偏移与...

相似回答