您现在的位置是：网站首页> 编程资料编程资料

CSS中position定位的个熟悉示例介绍CSS Transition通过改变Height实现展开收起元素从QQtabBar看css命名规范BEM的详细介绍css实现两栏布局，左侧固定宽，右侧自适应的多种方法CSS 实现Chrome标签栏的技巧CSS实现两列布局的N种方法CSS实现隐藏搜索框功能(动画正反向序列)CSS3中Animation实现简单的手指点击动画的示例详解CSS中的特指度和层叠问题详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)关于CSS浮动与取消浮动的问题

2021-09-06 879人已围观

简介 position属性有4个值，默认是static、fixed未支持、absolute绝对定位、relative相对定位；relative不脱离文档流，而absolute脱离文档流

position属性有4个值：

默认是static，无特殊定位，对象遵循HTML定位规则（一般使用margin、padding）

fixed未支持。对象定位遵从绝对(absolute)方式。但是要遵守一些规范

absolute绝对定位（相对于最近的父元素，假如父元素都是默认的static，那么将相对body进行定位，如果父元素为relative定位，那么就相对该父元素进行定位）

relative相对定位（相对于自己，在原来位置上移动。与static相比，top、bottom、left、rigth生效，而static不生效）

relative不脱离文档流，而absolute脱离文档流。

例子：

复制代码

代码如下:

position

static: 默认值。无特殊定位，对象遵循HTML定位规则

absolute: 将对象从文档流中拖出,使用left,right,top,bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象,则依据body对象。而其层叠通过z-index属性定义

fixed:未支持。对象定位遵从绝对(absolute)方式。但是要遵守一些规范

relative:对象不可层叠，但将依据 left,right,top,bottom 等属性在正常文档流中偏移位置

上一篇：IE下去掉iframe边框兼容IE7\IE8\IE6以下兼容IE6的网页最小最大宽度和最小最大高度css写法IE6下伪类hover失效问题及解决办法IE6浮动换行bug比较实用简单解决方法IE6不支持opacity半透明 BUG的解决方法IE6如何查看ActiveX控件是否已经安装以及版本号信息如何关闭win2003系统内置的IE6.0的安全警告提示CSS实现的div悬浮框并且兼容IE6的样式经典的IE6的高度问题-div默认存在3个像素高国内用户为何仍对IE6情有独钟7种因素

下一篇：修改鼠标样式的CSS代码用css添加手状样式鼠标移上去变小手CSS定义鼠标经过时鼠标图形的十五种样式整理CSS中cursor属性的鼠标样式明细css 控制鼠标显示样式示例CSS 鼠标样式和手指样式整理css鼠标样式cursor介绍(鼠标手型)css3实现信封动态折叠留言样式并响应鼠标CSS cursor 属性 -- 鼠标指针样式效果巧妙运用CSS立刻改变鼠标的样式-CSS教程-网页制作-网页教学网CSS更改鼠标为手状样式

您现在的位置是：网站首页> 编程资料编程资料

相关内容

点击排行

本栏推荐

猜你喜欢