DIV层的大小和位置的设置

设置位置和大小

定义位置有两种方式：一种是使用相对位置，一是使用绝对位置。

1.1绝对定位

绝对定位有两个属性：left和top，分别是距离网页左边和网页顶部的绝对位置。借助style属性，按照如下的格式进行设置：

style = "position:absolute;left:距离左边距离;top:距离顶部距离"

代码示例如下：

<div name = "mydiv" id="mydiv" style="position:absolute;left:200px;top:200px">
JavaScript
</div>

1.2相对定位

相对定位同样也是两个属性：left top

style="position:relative;left:距离左边距离;top：距离顶部距离"

除了定义位置，还能够定义尺寸大小，定义尺寸大小需要用到width和height属性，格式如下：

style="width:宽度;height:高度"

代码示例如下：

         <div style="position:relative;left:200px;top:100px;width:400px;height:50px">
         div 层
         </div>