你的位置:首页 > 软件开发 > 网页设计 > css中的定位属性position

css中的定位属性position

发布时间:2016-07-12 14:00:16
同样的也是上课的时候发现学生难以理解的一些问题拿出来记录一下,希望帮助初学者。在css中定位属性position的运用在页面中是很常用的,特别是一些结合js来实现的一些特效经常会用到定位属性,比如鼠标滑过显示被隐藏的盒子, banner的切换,还有之前写的jquery实现京东商品 ...

同样的也是上课的时候发现学生难以理解的一些问题拿出来记录一下,希望帮助初学者。

在css中定位属性position的运用在页面中是很常用的,特别是一些结合js来实现的一些特效经常会用到定位属性,比如鼠标滑过显示被隐藏的盒子, banner的切换,还有之前写的jquery实现京东商品分类导航的类似这样的布局也是要结合定位属性来实现,但是上一次着重只写了jquery.

那么这次我想将定位属性的运用拿来说一下。

定位属性position常用的取值:relative/absolute/fixed;一般配合方向属性使用:top,left,right,bottom.

position:relative;相对定位

相对定位是占位置的定位方式,它的参照物是自己

首先将一个粉色的盒子div放在两段文字中间,不作任何位置的调整:

p{ width:400px;}div{text-align:center; width:200px;height:200px;background:pink;}

原标题:css中的定位属性position

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。