如何设置DIV层的相对位置？

如何设置DIV层的相对位置，解决办法：

利用js代码首先创建一个div，document.createElement('div')

确认div添加位置，可以在某个dom元素后面，或者通过css属性控制具体位置，主要通过left/top等属性控制。

确定位置之后，显示div即可。 

DIV层的相对位置是对于此DIV的上下左右的容器决定的。

如：<div style="position: relativemargin-top:-100px">则此DIV会相对于上一个DIV向上移100PX。

而绝对是指对整个页面来说。

如<div style="position: absolutemargin-top:100px">则此DIV会相对于整个页面向下移。

可以使用css中的position来对div进行定位来改变div的位置，position可能的值如下：

工具原料：编辑器、浏览器

1、通过设置一个div的position的值来调整div的位置，简单的代码示例如下：

body>

<div id="div2"></div>

<style>

div{

border: 1px solid red

width: 200px

height: 200px

position: absolute

right: 200px

bottom: 200px

}

</style>

</body>

2、设置一个宽高为200像素的div距body的右边200像素底部200像素，运行的效果如下图：

DIV根据内容自动调整的方法有三种，分别如下：

一，增加一个清除浮动，让父容器知道高度。请注意，清除浮动的容器中有一个空格。

Html代码如下：

<divid="main"><divid="content"></div><divstyle="font: 0px/0px sans-serifclear: bothdisplay: block"></div></div>

二，增加一个容器，在代码中存在，但在视觉中不可见。

Html代码如下：

<divid="main"><divid="content"></div><divstyle="height:1pxmargin-top:-1pxclear: bothoverflow:hidden"></div></div>

三，增加一个BR并设置样式为clear:both。

Html代码如下：

<divid="main"><divid="content"></div><brstyle="clear:both"/></div>

---