龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

div相对定义实例教程

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
css div网页布局中相对定义也是很重要的,现在我大多数都是相对定义来定义div块在网页中的位置,这样容易维护等,好了我们现在来看看语法吧。 定义方式: #id,#classname{ position :rela

css div网页布局中相对定义也是很重要的,现在我大多数都是相对定义来定义div块在网页中的位置,这样容易维护等,好了我们现在来看看语法吧。

定义方式:

#id,#classname{

position:relative

}

上面我们是说一个div的唯一编号或类名来操作div的属性与显示方式了。

下面我们看看定位的实例吧。


h2.pos_left
{
position:relative;
left:-20px
}


<h2>未定义的html元素</h2>
<h2 class="pos_left">相对正常位置向左移动20</h2>

实例也简单吧我也不说了,下面我们来看看postion怎么在javascript中使用吧。

语法:

object.style.postion="relative";

javascrip控制css对div的相对定义实例。

<script>

function o(object){

object.style.postion="relative";

}

<body onload="o('dd');">

<div id=dd> 这里定义的内容</div>

</body>

好了就完成了。本站原创转载请注明:

www.111cn.cn原创


精彩图集

赞助商链接