css 相对定位

操作方法

  • 01

    css绝对定位使你能精确地定位要素在页面的 独立位置,而不考虑页面其它要素的定位 设置。相对定位指你所定位的要素的位置相对于 它在文件中所分配的位置。例: I { position: relative; left: 40px; top: 10px } 相对定位的关键在于定位了的要素的位置 是相对于它通常应在的位置进行定位。如 果你停止使用相对定位,则文字的显示位 置将恢复正常。 使用相对定位时要小心,否则容易将页面 弄得非常乱。 除了相对定位和绝对定位,你还可以使用 static(静止)参数值。它的使用方法同 普通HTML中的定位方法,不能附加特殊的 定位设置。

(0)

相关推荐

  • CSS 相对定位和相对定位的区别

    css布局中的 position:static|absolute|fixed|relative 的4中属性 从上面语法可以看出,定位的方法有很多种,它们分别是静态(static),绝对定位(absol ...

  • CSS设置DIV的定位绝对定位和相对定位

    设置DIV或者其他元素在浏览器中显示的位置是HTML布局中重要的一个内用,我们通过合理的布局使得我们的网站美观大方,这里我就来说说如何使用CSS来给div定位. 操作方法 01 首先我不给div定位来 ...

  • CSS单行、多行文本溢出显示省略号(……)

    一些列表标题会要求显示两行+-- 单行文本溢出显示省略号(-) 01 text-overflow:ellipsis-----部分浏览器还需要加宽度width属性 多行文本溢出显示省略号 01 WebK ...

  • css样式兼容不同浏览器问题解决办法

    在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果! 所有浏览器 ...

  • CSS垂直居中的方法

    这里为大家介绍下CSS垂直居中的办法.要垂直居中先要看已知条件和要居中的是什么东西. 操作方法 01 先明确几个东西,这几个东西很多初学者可能不太清楚 absolute: 生成绝对定位的元素,相对于 ...

  • css设置垂直居中多种方法

    在前端开发中内容居中是必不可少的,让我们一起来看一些垂直居中的方案有那么些吧. 操作方法 01 文本内容设置垂直居中. 单行文本, 则可设置 line-height 等于父元素高度. 居中代码: .t ...

  • div+css定位position详解

    div+css定位position详解 操作方法 01 1.div+css中的定位position 最主要的两个属性:属性 absolute(绝对定位) relative(相对定位),有他们才造就了d ...

  • 网页css布局:div水平居中各种设置形式

    操作方法 01 网页制作Webjx文章简介:在Web标准中的页面布局是使用Div配合CSS来实现的.这其中最常用到的就是使整个页面水平居中的效果,这是在页面布局中基本,也是最应该首先掌握的知识.不过, ...

  • CSS网页布局:div水平居中的各种方法

    在Web标准中的页面布局是使用Div配合CSS来实现的.这其中最常用到的就是使整个页面水平居中的效果,这是在页面布局中基本,也是最应该首先掌握的知识.不过,还是经常会有人问到这个问题,在这里我简单总结 ...