百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>CSS教程> div相对定义实例教程
分享文章到:

div相对定义实例教程

发布时间:01/15 来源: 浏览: 关键词:

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.net原创

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有2人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板