1、ltDIV id=quotcontainerquot ltDI id=quotcontentquot lth1Contentlth1 ltp请改变浏览器窗口的高度，以观察footer效果ltp ltp这里是示例文字，DIV固定，这里是示例文字ltp ltDIV ltDIV Vid=quotfooterquot lth1Footerlth1 ltDIV ltDIV ltbody CSS代码程序代码 body，html。

2、ltdiv id=quotLayer1quot style=quotposition absolutetop 0pxleft 0pxquot ltimg src=quotimagesxlogojpgquot width=quot32quot height=quot32quot ltdiv position absolute绝对定位，相对的参考层是距离它最近的有position属性的父层，没有这种父层时，定位的参考是body标记 top 0px层距离顶部。

3、div width300pxheight300pxpositionabsoultright500px 只是假设的数据，需要实际测量 top400px ltstyle lthead ltbody ltdiv我是测试文字ltdiv ltbody lthtml。

4、把两个div放在一个父div里面，然后进行浮动即可下面我们一起来实现以下创建一个父div，然后创建两个子div，代码如下给div加上css样式，分别给他们设置背景颜色，父div可以不设置，子div设置绿色，然后给div加上浮动代码即可，quotfloatleftquot我们来写一下代码下面我们来看一下运行效果 DIV是层叠样式。

5、这个好易，如果不网站布局不复杂可以定义那个两个层 positionabsolute定义父亲positionrelative或者positionabsolute然后定义顶层top15px再定义底层bottom15px数字可以变。

6、1利用js代码首先创建一个div，documentcreateElement#39div#392确认div添加位置，可以在某个dom元素后面，或者通过css属性控制具体位置，主要通过lefttop等属性控制3确定位置之后，显示div即可示例比如html中有一个文本输入框，我们现在需要在挨着输入框右下角位置显示一个divltinput type=quot。

7、你的div 基本上都用了position absolute这是将div采用绝对定位，我一般不这么做因为绝对定位是以左上角为0，0定位你的div，跟换分辨率浏览设备很容易出现位置偏移，你把position absolute zindex 1删除了应该就对了。

8、1首先新建一个web项目，主要用到了html文件和css文件2然后在html文件中，有图中的代码，引入css文件和设置一个div标签3然后这里是css样式文件，主要看图中红框中内容，使用fixed定位方式4运行项目后，可以看到div在右下角为了模拟这里的body高度设置很高，足够滚动条下拉到底部的5。

9、div层的绝对定位不一定非要用 精确的数值定位，还可以使用关键字， 以及百分比，你可以试试看 参考资料lta href=quot880211htmlquot target=quot_blankquot rel=quotnofollow noopenerquot880211htmllta。

10、需要准备的材料分别有电脑浏览器html编辑器1首先，打开html编辑器，新建html文件，例如indexhtml2将indexhtml中的ltbody替换为ltbody style=quottextalign centerquot ltdiv style=quotmarginautowidth 200pxheight 70pxborder 1px solid bluetextalign leftquot ltspan。

11、需要准备的材料分别有电脑浏览器html编辑器1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltbody标签中，输入html代码ltdivltdivltdiv style=quotposition absolutetop 0zindex 1quotabcltdiv 3浏览器运行indexhtml页面，此时“abc”的。

12、用CSS限定网页宽度，又让一个DIV在网页当中居中，这里需要理解的是一个页面的内容区域，就是body，我们就是通过给body来设置一个宽度，来做限制，至于DIV的居中，首先是需要给这个div一个宽度和高度，然后在使用margin去做，margin的用法，如图具体的实现看代码lthtml lthead body width960px。

13、把外链接的JS加载到body后面，在这个JS里面用类似这样的代码var div = documentcreateElement#39div#39 新增元素var diva = documentgetElementById#39a#39 获取id为a的元素div， diva 在这个元素前面增加上去。

14、相对布局，不能直接决定子组件的绝对位置，需要top，bottom，left，right4个属性来配合，确定元素的位置适配性好，使用positionrelative相对定位，来定义组件的位置属性只能在相对布局中使用，在绝对布局中不会显示绝对布局也叫坐标布局，直接就可以决定子组件的绝对位置，简单直接就可以定位，但是由于。

15、ltdiv id=divImg ltimg src=testgif ltdiv ltscript function hidImg documentgetElementByIdquotdivImgquotstyledisplay=quotquot setTimeoutquothidImgquot，2000 2000ms后隐藏显示图片的div ltscript。