在进行网页的编辑过程中，我们经常会遇到需要设置DIV层的居中或浮动，尤其是登录窗口的div层设置，下面就是一些简单的实现方法。
工具/原料
1
dreamweaver
2
jquery1.11.0
方法/步骤
1
纯css控制，设置层为浮动曾，适合做居中的登录页面 编写html文件，设置要居中的层id为center_div
2
编辑css，利用top与margin-top属性进行设置，虽然两者皆表示距离顶部的距离，不过top经常集合positon使用。当采用据对定位的时候top：200px表示图层距离浏览器顶端200px。maring-top经常结合相对定位。
3
将css与编写的html结合起来，进行预览
4
通过js与css共同控制，来实现效果。编写js脚本代码，获取屏幕可用高度，设置居中层margin-top值
5
设置居中曾的margin：0 auto；让其水平居中，设置居中层的高度与宽度
6
将css文件与js文件整合到编辑好的html中，在浏览器中预览
注意事项
1
在获取屏幕的可用高度是可以采用不通的方法
2
一直要设置好图像的大小，起margin-top与margin-left分别为其值的一半
上一篇：css字体居中怎么设置
下一篇：使用CSS居中元素的一些方法