`
able0001
  • 浏览: 28068 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
最近访客 更多访客>>
社区版块
存档分类
最新评论

【原创】css position 总结

阅读更多

参考了http://www.kei.tw/blogger/39-5.html

 

position :static relative absolute fixed

 

static 不可重叠,忽略坐标

 

relative 无坐标类似static,有坐标则是相对坐标,相对其本应该处得位置,正数为 下 右 方向。

 

absolute 默认重叠,坐标是相对于其parent的边框距离,如果是 right 值,正数越大,越往左走,负数向右走, 无parent相对于浏览器。

 

fixed 无论父子关系,以浏览器坐标左上角为准,下 右 方向为正数。

 

 

分享到:
评论

相关推荐

    2天驾驭DIV+CSS(全新发布2.0.3版本)

    在实践篇中,文档详细讲解了CSS中至关重要的两个布局技术:浮动(float)和定位(position)。浮动技术可以让元素脱离常规的文档流,实现图文混排;而定位则让元素可以自由地在页面上定位,包括相对定位、绝对定位、...

    simpsons-in-css:CSS中的Simpsons字符

    总结,"simpsons-in-css"项目不仅是CSS技术的生动实践,也是一次对经典动漫形象的艺术再现。它鼓励开发者探索CSS的潜力,提升技术水平,同时也提醒我们,在追求技术创新的同时,不能忽视知识产权的重要性。通过深入...

    纯CSS定制文本省略的方法大全

    总结,纯CSS定制文本省略不仅提供了美观的视觉效果,还能有效节省网页空间,提高用户体验。通过灵活运用CSS的浮动和`line-clamp`属性,我们可以实现高度自适应的多行文本省略,满足各种复杂的设计需求。

    Javascript+CSS实现Flash动态新闻效果(pp原创)

    #### 五、总结 通过上述步骤,我们成功地使用JavaScript和CSS实现了类似于Flash的动态新闻效果。这种方法不仅提高了页面的互动性和吸引力,而且由于不依赖于Flash插件,所以兼容性更好,用户体验更佳。未来还可以...

    原创原生js轮播焦点图淡入淡出效果

    ### 总结 通过以上步骤,我们已经成功地使用原生JavaScript实现了轮播焦点图的淡入淡出效果。这个功能的关键在于正确地设置HTML结构、CSS样式和JavaScript逻辑,以确保图片的平滑过渡。你可以根据自己的需求调整...

    jquery实现div悬浮中央的效果(原创)

    this.css("position", "fixed"); this.css("top", ($(window).height() - this.height()) / 2 + $(window).scrollTop() + "px"); this.css("left", ($(window).width() - this.width()) / 2 + $(window)....

    原创使用javascript实现邮件提醒功能

    position: fixed; bottom: 20px; right: 20px; padding: 10px; background-color: #f8e71c; border-radius: 5px; animation: fadeInDown 0.5s ease-in-out; opacity: 0; } @keyframes fadeInDown { 0% { ...

    基于ASP大学就业网毕业设计(2009年原创)

    总结来说,基于ASP的大学就业网毕业设计是一个综合性的项目,涵盖了前端交互、后端处理、数据库设计与管理等多个方面。对于学生而言,这样的项目能够全面锻炼编程、设计、项目管理等多方面能力。通过实际操作,不仅...

    原生js图片倒影幻灯片切换效果

    总结来说,实现原生JavaScript图片倒影幻灯片切换效果需要对HTML、CSS和JavaScript有深入的理解。通过这个项目,我们可以学习到如何结合这三个核心技术来创建动态、交互的网页元素。无论是从视觉效果还是用户体验的...

    基于jquery的页面水印插件可以使用多个水印文字并且行之间错开

    在网页设计中,为了增强网站的安全性和原创性,有时我们需要在页面上添加水印效果。jQuery 是一个广泛使用的 JavaScript 库,它简化了对DOM(文档对象模型)的操作,使得实现复杂的交互效果变得轻松。本篇文章将深入...

    旅游网站

    总结来说,创建一个旅游网站涉及HTML构建基本结构,CSS负责美化与布局,JavaScript提供互动功能,同时还需要考虑SEO策略,以吸引并留住用户。这些技术共同作用,为用户提供一个美观、实用且易找的在线旅游平台。

    图库新版jQuery焦点图 JS代码

    tips[36] = '所谓“网站定位”就是实事求是的基于各种现状总结出一个对内容建设、功能规划、服务运营有帮助的指导纲领。'; tips[37] = '不要相信“天下设计一大抄”我们可以借鉴,但绝不能抄袭!'; tips[38] = '学...

Global site tag (gtag.js) - Google Analytics