css绝对定位:absolute技术分享

温馨提示的《CSS彻底研究》对绝对定位描述如下:1、使用绝对定位的盒子以它的“最近”的一个“已定位”(position属性被设置,并且被设置为不是static的任意一种)的“祖先元素”为基准进行偏移。如果没有已经定位的祖先元素,那么会以浏览器窗口为基准进行定位。2、绝对定位的框从标准流中脱离,这意味着它们对其后的兄弟盒子的定位没有影响,其他的盒子就好像这个盒子不存在一样。

操作方法

  • 01

    关于IE6的一个错误。IE6中使用绝对定位,其错误的位置会合正确的位置相差了父DIV的padding宽度。解决方法:给父DIV(定位的基准盒子)增加一条CSS:height:1%;

  • 02

    绝对定位的特殊性质:如果设置了绝对定位,而没有设置偏移属性,那么它仍将保持在原来的位置。这个性质可以用于需要使某个元素脱离标准流,而仍然希望它保持原来的位置的情况提示:因为绝对定位的框与文档流无关,所以它们可以覆盖页面上的其它元素。可以通过设置 z-index 属性来控制这些框的堆放次序。

(0)

相关推荐

  • CSS 图像精灵怎么用(css sprites定位技术)

    我们在做前端页面的时候,网页中通常包含有很多小图标,这就用到了css sprites技术.把所有小图标放到一张图上,这样可以减少对服务器的请求次数.提高我们的访问速度.CSS 图像精灵的优缺点是什么? ...

  • css 绝对定位

    操作方法 01 定位(左边和顶部) css定位属性将是网虫们打开幸福之门的钥匙: H4 { position: absolute; left: 100px; top: 43px } 这项CSS规则让浏 ...

  • 砸金花技术分享

    砸金花玩法简略赢得快,然而想赢就得会技巧,下面我们就看看砸金花技术.砸金花技术有很多的方法,我下面将介绍5种不同的方法. 操作方法 01 砸金花技术一 砸金花开首几把很重要.由于刚开始,我们人人都想摸 ...

  • 弹弹堂强化技术分享

    操作方法 01 4399弹弹堂强化没有绝对成功和固定模式,靠的是运气加人品.运气是必须的,但也必须要有一定的强化技术. 好的强化技术就是强化的秘籍,能提高一倍以上的成功率. 根据本人的经验除了100% ...

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

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

  • css 相对定位

    操作方法 01 css绝对定位使你能精确地定位要素在页面的 独立位置,而不考虑页面其它要素的定位 设置.相对定位指你所定位的要素的位置相对于 它在文件中所分配的位置.例: I { position: ...

  • Ajax配合Spring实现文件上传功能代码教程

    由于项目需要,开发一个可以上传图片到服务器的web表单页面. 一. 需求 Web表单页面,可以通过表单上传图片以及其他文字信息. 二. 图片上传的流程 之前没有做过这类页面,通过查询资料.发现比较常见 ...

  • 微信小程序火了,自学小程序最好用的4个方法

    随着微信小程序发布公测,关于它的讨论就没有停歇过,这几天来,我每次参加的聚会,开场总离不开小程序的话题. 前天馒头商学院的BD小粉童鞋和我聊天,谈到微信小程序的到来会对互联网运营和产品经理带来什么影响 ...

  • 怎么才能学好计算机?

    计算机是当代科技发展的重要推动力,是人类智慧的结晶.计算机技术多而杂,那么那些是重要的,那些又不必去花时间学呢?我本人就是计算机专业毕业的,所以对计算机技术的学习有一点经验,现在分享给大家. 操作方法 ...