建站软件 优化软件 编程软件 网页辅助 站群程序 网站程序 图像处理 资源教程 字体下载 推荐软件


您的位置:首页 > html教程 > css定位属性的使用

css定位属性的使用

时间:2016-01-13 16:01:59  来源:免费模板网 作者:风雪 阅读次数 tags定位

在用css布局的时候有时候要到绝对定位和相对定位,那两者有什么区别呢,什么时候用绝对定位,什么时候用相对定位,又是怎么用,请看下文

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>

本文地址:https://www.freemoban.com/htmljc/2016/0113/2546.html

猜你喜欢
栏目推荐
模板推荐

Copyright:www.freemoban.com 免费模板网 All Rights Reserved 网站备案:辽ICP备19014872号-2   辽公网安备 21010602000376号  辽公网安备:42900402000182号

免责声明:本站部分资源来自互联网收集,版权归原创者所有,如果侵犯了你的权益,我们会及时删除侵权内容,联系QQ:1615187561 谢谢合作!