设置位置和大小

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

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>
Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐