WEB教程基地:www.91ctc.com为你搭建学习WEB技术的优秀平台
网站地图 加入收藏 设为首页
您的位置:本站首页>>前端样式>>CSS常用的定位属性,DIV定位属性详解,相对定位和绝对定位的区别

CSS常用的定位属性,DIV定位属性详解,相对定位和绝对定位的区别

[ 录入者:91ctc | 时间:2012-04-10 05:37:39 | 作者: 91ctc| 来源:本站 | 浏览: 次 ]

网页当中的元素有两种定位方法:相对定位和绝对定位。那么,相对定位和绝对定位有什么区别呢?他们的区别如下:

相对定位:让操作的元素在相对其他元素的位置上进行偏移。当其他元素的位置变化时,被操作的元素也会随之变化位置

绝对定位:让操作的元素参照原始文档进行偏移。原始文档中该元素在何处,那么该元素就在何处

关于相对定位和绝对定位,我们要根据实际需要选择定位方式。当一个网页中的元素是固定不变(例如,固定在最左上方)的,这个时候,我们可以采用绝对定位。当网页中一个元素需要随着浏览器的分辨率不同要发生位置变化的时候,我们要将其设置为相对定位。

常用的CSS定位属性有以下几种:

position:分为absolute(绝对定位)、relative(相对定位)两个值。

top:层(DIV)距离顶点纵坐标的距离

left:层(DIV)距离顶点横坐标的距离

width:层(DIV)的宽度

height:层(DIV)的高度

z-index:决定层(DIV)的先后顺序和覆盖关系

clip:限定只显示裁切出来的区域

overflow:当层(DIV)内的内容超出层(DIV)所能容纳的范围时的显示方式

visibility:针对嵌套层(DIV)的显示位置。

PS:如果您对本文有纠错、质疑、转载、举报等问题时,请加入到网站Q&Q&群:86783981(验证信息:91ctc.com)提交您的问题,让大伙一块讨论。谢谢您的支持,计算机教程中心网将会一如既往的提供优秀资源助您一臂之力!
关闭】【返回顶部

您可能感兴趣的文章
91ctc.com 网络先锋,引领科技,本站原创作品[转载请注明出处]。网站Q&Q&群:86783981(验证信息:91ctc.com)
Copyright© 2010-2017 计算机教程中心网 . All rights reserved. 苏ICP备11081842号